ContactForm7で送信後サンクスページを表示させる２つの方法

たーさん

最終更新日時 : 2026.08.26

方法A functions.phpにアクションフック追加

①サンクスページを作る

フォーム送信後リダイレクトされるサンクスページを固定ページに作成しましょう。

②functions.phpにコードを追加する


add_action( 'wp_footer', 'add_origin_thanks_page' );
function add_origin_thanks_page() {
	echo <<< EOC
	<script>
	var thanksPage = {
		フォームのID: 'サンクスページのスラッグ'
	};
	document.addEventListener( 'wpcf7mailsent', function( event ) {
		location = thanksPage[event.detail.contactFormId];
	}, false );
	</script>
	EOC;
}

※<フォームID>はフォームの一覧のショートコード部で確認できます。
※ページ名は固定ページのスラッグ（/thanks等）に合わせてください。
※テーマによってはWordPress管理画面からfunctions.phpを編集できない場合があります。

③header.phpにイベントスニペットを設置する

内にサンクスページの場合のみイベントスニペットを表示するようにします。


<?php if( is_page('サンクスページのID') ) : ?>
<!-- Event snippet for 申込み conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-*********/********************'});
</script>
<?php endif; ?>

※イベントスニペットはGoogle広告画面にて取得できます。
※※header.phpを編集できない場合は固定ページ内に設置してみてください。

方法B 問い合わせフォーム内にコード追加

①問い合わせフォーム内にスクリプトを設置


<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
   location = 'サンクスページのスラッグ';
}, false );
</script>

※最下部に設置してください。

②header.phpにイベントスニペットを設置する


<?php if( is_page('サンクスページのID') ) : ?>
<!-- Event snippet for 申込み conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-*********/********************'});
</script>
<?php endif; ?>

※header.phpを編集できない場合は固定ページ内に設置してみてください。

投稿者プロフィール

たーさん代表者

東海大学工学部を卒業後、東芝情報システム株式会社（旧グループ会社含む）に入社。半導体（SRAM）の開発チームにて、Unix環境でのPerlを用いた業務自動化プログラムの開発など、エンジニアとしての確かな基礎と緻密な論理的思考力を培う。

その後、東証上場企業である株式会社ザッパラスへ。Web・モバイルの最前線で、数多くのユーザーに愛されるコンテンツ制作業務に従事。ここで「ユーザー目線に立った魅力的なWebコンテンツの企画・制作ノウハウ」を深く学ぶ。

開発・システム側から見た「堅牢なロジック」と、制作・ユーザー側から見た「伝わるコンテンツ」の双方を実務で経験した強みを活かし、フリーランスとして独立。

現在は、ウイングアーク1st株式会社の「データのじかん」運営チームに参画するなど、大手・中小企業のWeb運営・開発パートナーとして活動。完全在宅でありながら、固定IPの完備や厳格なセキュリティポリシーの遵守を徹底し、企業のインフラや本番環境を安全に支える「チームの一員」として高い信頼を得ています。

見た目の美しさはもちろんのこと、内部の構造やWordPressのカスタマイズ、運用・セキュリティまでを見据えた、技術的バックボーンのある高品質なWebサイト・システム制作をワンストップでご提供しています。