マイティーBlog|リスティング広告やWEBマーケティング情報

トップページ ブログ > タグマネージャ > Facebookタグでイベント作成

Mighty Ace Blog

マイティーBlog

タグマネージャ

2020.07.03

Facebookタグでイベント作成

今回は依頼で頂くことがあるFacebookタグでイベントを作成する場合の手順を共有できればと思います。

 

ページの読み込みをイベントとする場合読み込み後の動作(リンククリック、電話タップなど)をイベントとする場合の2種類があります。

今回はそれぞれ分けて説明できればと思います。

 

・ページの読み込みをイベントとする場合(確認ページ、サンクスページなど)

 Facebookのベースタグは下記のようなものになります

(ID部にはベースIDが入っています)

 

<script>

  !function(f,b,e,v,n,t,s)

  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?

  n.callMethod.apply(n,arguments):n.queue.push(arguments)};

  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;

  n.queue=[];t=b.createElement(e);t.async=!0;

  t.src=v;s=b.getElementsByTagName(e)[0];

  s.parentNode.insertBefore(t,s)}(window, document,’script’,

  ‘https://connect.facebook.net/en_US/fbevents.js’);

  fbq(‘init’, ‘ID’);

  fbq(‘track’, ‘PageView’);

</script>

<noscript><img height=”1″ width=”1″ style=”display:none”

  src=”https://www.facebook.com/tr?id=ID&ev=PageView&noscript=1

/></noscript>

上記の  fbq(‘track’, ‘PageView’);</script>の間に

fbq(‘trackSingleCustom’, ‘ベースID’, ‘イベント名’);を追加します。

 

イベント名は他社と被らないもの、何を計測するのか分かりやすいものを設定します。

(例 LP遷移:link_click_MA カート:AddToCart_MA

  情報入力画面:Entry_MA 確認画面:Confirm_MA サンクス:Purchase_MA 等)

 

<script>

  !function(f,b,e,v,n,t,s)

  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?

  n.callMethod.apply(n,arguments):n.queue.push(arguments)};

  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;

  n.queue=[];t=b.createElement(e);t.async=!0;

  t.src=v;s=b.getElementsByTagName(e)[0];

  s.parentNode.insertBefore(t,s)}(window, document,’script’,

  ‘https://connect.facebook.net/en_US/fbevents.js’);

  fbq(‘init’, ‘ID’);

  fbq(‘track’, ‘PageView’);

  fbq(‘trackSingleCustom’, ‘ID’, ‘イベント名’);

</script>

<noscript><img height=”1″ width=”1″ style=”display:none”

  src=”https://www.facebook.com/tr?id=ID&ev=PageView&noscript=1

/></noscript>

上記のタグをカスタムHTMLとして入力します。

 

・ページ読み込み後の動作をイベントとする場合(リンククリック、電話タップなど)

 下記タグのIDにベースIDと同じものを入力。

 

<script>

fbq(‘trackSingleCustom’, ‘ID’, ‘イベント名’);

</script>

上記のタグをカスタムHTMLとして入力します。

 

Facebookイベントはピクセルヘルパーで動作しているのか確認することが出来ます。

(ピクセルヘルパーについては下記のアドレスにて詳しく確認することができます) 

https://www.facebook.com/business/help/1700857106877546 

もし気になるものがあればピクセルヘルパーを活用頂ければと思います。

この記事に関連するタグ

正しい効果測定は、正しい計測設定から!Googleアナリティクス設定項目チェックシート(無料)

正しい効果測定は、正しい計測設定から!Googleアナリティクス設定項目チェックシート(無料)

Googleアナリティクスは、適切な初期設定を行って初めて、解析に役立つデータを計測できます。 正しい効果測定を行う上で、必要な設定項目のチェックシートをご用意しました。

Googleアナリティクス,アクセス解析でWeb集客分析・改善なら福岡のマイティーエース

リスティング・Googleアナリティクス・ホームページ・ランディングページなど
Webマーケティングのことなら何でもご相談ください

株式会社マイティーエースでは、様々なWeb広告・Webマーケティングなど
お客様に合ったご提案しています。
興味をお持ちいただけた方は、まずは気軽にご相談ください。

あわせて読みたい人気の記事

よく見られている記事

最新記事

BLOG MENU

株式会社マイティーエースのSNSもチェックしてみてください

Copyright (c)2014-2020 MightyAce, inc. All Right Reserved.