スキルアップを始める!

【WooCommerce】決済実行時にアクションフックでコンバージョンタグなどを設定する

WordPress(ワードプレス)
WordPress(ワードプレス)
この記事は約3分で読めます。

※記事中に広告情報を含みます。

\ワードプレスのスキルアップはこちら!/ WordPress入門読本

WooCommerce では、決済実行時にアクションフックを使用することで、コンバージョンタグなどを設定することができます。

アクションフックとは?

アクションフックとは、WooCommerce の処理の流れで特定のタイミングで実行されるフックです。アクションフックを使用することで、WooCommerce の処理の流れに沿って、独自の処理を追加することができます。

決済実行時にコンバージョンタグを設定する

例えば、決済実行時にコンバージョンタグを設定するには、以下のようにします。

add_action( 'wp_footer', 'add_conversion_tag', 999 );
function add_conversion_tag(){
	global $wp;
	if ( is_checkout() && !empty( $wp->query_vars['order-received'] ) ) {
		$conversion_tag = '<script>コンバージョンタグなどを設定する</script>';
		echo $conversion_tag;
	}
}

[rml_read_more]

コンバージョンタグの記述例

コンバージョンタグを記述します。コンバージョンタグは、決済実行後に表示される「お支払いありがとうございます」ページに記述します。

<!-- Google Ads コンバージョンタグ -->
<script type="text/javascript">
  /* <![CDATA[ */
  var google_conversion_id = 1234567890;
  var google_conversion_label = "abcdefghijklmnopqrstuvwxyz";
  var google_remarketing_only = false;
  /* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
  <div style="display:inline;">
    <img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1234567890/?label=abcdefghijklmnopqrstuvwxyz&amp;guid=ON&amp;script=0"/>
  </div>
</noscript>

まとめ

上記の例では、Google Ads のコンバージョンタグを記述しています。コンバージョンタグは、サービスによって異なるので、詳細はサービスのドキュメントを参照ください。

URLをコピーしました!