従来のfutureshop利用店舗様:Meta広告のコンバージョンの設定をしたい

コマースクリエイター未利用店舗様専用の記事です。
コマースクリエイター利用店舗様はこちらの記事をご確認ください。


Meta広告は「ピクセルタグ」で広告の効果計測や、ターゲティングリストの作成ができます。
ピクセルタグ取得方法から、futureshopでのタグ設置方法をご紹介します。

参考リンク:https://www.facebook.com/business/help/742478679120153

 

【Meta広告のコンバージョンタグ(ピクセルタグ)の取得方法】

ビジネスポートフォリオのデータセットからピクセルタグを作成します。

6.png

9.png

※データセット名は分かりやすく、広告アカウント名と同じにしておくと良いと思います。

 データセット名の例:フューチャーショップのピクセル

③の部分のチェックは一旦外し、作成をしてください。

参考リンク:https://www.facebook.com/business/help/952192354843755

 

作成後は下記キャプチャの①からユーザーを追加します。

また②アセット追加で広告アカウントとの連携も行います。

8.png

連携完了後、③のイベントマネージャを開きます。

 

イベントマネージャに入った後、赤枠部分をクリック

9.png

 

続けて「手動でインストール」をクリック

10.png

こちらのベースコードが必要です。

 

11.png

ピクセルをインストールの画面でピクセルの「ベースコード」をコピーします。
メモ帳などに保存しておきましょう。

保存ができたらキャンセルボタンを押して終了します。

 

※設定や広告運用に不明点があれば…
Google広告管理画面の設定がうまくいかない・その他広告運用のご相談があれば、
WEB広告設定・運用相談受付フォームまでお問い合わせください。

 

【futureshop管理画面の設定方法】

構築>プロモーション管理>任意測定タグ設定 に進み

「任意測定タグ 新規登録」をクリック

11.png

 

 

測定タグ設定

全体出力設定

「各ページの出力設定を有効にする」にチェックをします

設定名

「Meta広告ピクセル」等の任意の名称を入力

 

共通出力

こちらの設定は使いません。

 

商品一覧ページ

出力内容

「<head>タグ内に出力する」を選択

コピーしたピクセル(ベースコード)を貼付してください。

以下はサンプルです。赤太字部分を書き換えてください。

<!-- Meta Pixel Code -->
<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', 'XXXXXXXXXXXXXXX');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

 

商品詳細

出力設定

「<head>タグ内に出力する」を選択

出力内容
<!-- Meta Pixel Code -->
<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', 'XXXXXXXXXXXXXXX');
fbq('track', 'PageView');
fbq('track', 'ViewContent',{content_ids: '$GOODS_URL$',content_type: 'product'});
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

 

ショッピングカートページ

出力設定

「<head>タグ内に出力する」を選択

出力内容
<!-- Meta Pixel Code -->
<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', 'XXXXXXXXXXXXXXX');
fbq('track', 'PageView');
fbq('track', 'AddToCart', {content_ids:[$ITEM_INFO$], content_type:'product'});
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
商品情報置換文字の設定
'$GOODS_URL$'
区切り文字

「,」(半角カンマ)を入力

 

注文完了ページ

出力設定

「<head>タグ内に出力する」を選択

出力内容
<!-- Meta Pixel Code -->
<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', 'XXXXXXXXXXXXXXX');
fbq('track', 'PageView');
fbq('track', 'Purchase', {value:'$TOTAL_BUY_GOODS_PRICE$',currency: 'JPY',content_ids:[$ITEM_INFO$], content_type:'product'});
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
商品情報置換文字の設定
'$GOODS_URL$'
区切り文字

「,」(半角カンマ)を入力

 

申込完了ページ ※定期購入・頒布会機能ご利用時のみ

出力設定

「<head>タグ内に出力する」を選択

出力内容
<!-- Meta Pixel Code -->
<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', 'XXXXXXXXXXXXXXX');
fbq('track', 'PageView');
fbq('track', 'Purchase', {value:'$TOTAL_BUY_GOODS_PRICE$',currency: 'JPY',content_ids:[$ITEM_INFO$], content_type:'product'});
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
商品情報置換文字の設定
'$GOODS_URL$'
区切り文字

「,」(半角カンマ)を入力

 

《注意》

従来のfutureshop利用且つ、トップページ等をFTPサーバーでアップロードしている場合はそちらにも<head>タグ内にベースコードを設定する必要があります。

 


その他:設定や広告運用に不明点があれば…
Google広告管理画面の設定がうまくいかない・その他広告運用のご相談があれば、
WEB広告設定・運用相談受付フォームまでお問い合わせください。

 

この記事は役に立ちましたか?