BASEにGTM・FacebookPixelタグを導入する。
ECサイトの広告を出すため、CV計測のためにBASEのショップにGTMとFacebook Pixel (Meta Pixel) のタグを設置したので、やり方忘備録。
手順
0. 以下の設定を済ませておく。
・BASEにログイン
・GTMコンテナの作成
・Facebookピクセルの作成
1. BASE内アプリ「HTML管理」
BASE > Apps > HTMLタグ管理より、HTMLタグ管理をインストールする。
「タグを登録する」へ進む。
2. GTMタグの設置
GTM管理画面より、headerタグ、bodyタグを確認する。
BASEで下記設定でタグを登録する。
・カスタムタグ
・タグ名:「GTM-xxxxxx header」等にしておく
・タグ:GTMよりheaderコードを貼り付ける
bodyタグも同様の操作でタグを登録する。
念の為1分ほど待って、GTMにて「ウェブサイトをテストする」にBASEショップのURLを貼り付け、GTMがちゃんと設置されているか確認します。
3. Facbook Pixel の設置
こちらはBASE内アプリ「広告効果測定」。
その他のタグには下記コードを設定するとインスタ広告経由で購入された金額をPixelのイベントに送ることができる。
fbq(‘track’, ‘Purchase’, {value: {%item_total%}, currency: ‘JPY’});
設置確認はChrome拡張機能「Meta Pixel Helper」で行うとラク。
以上で完了です。
ちなみに、これでうまくいかなかったらApps「HTML編集」のほうで、直接HTMLソースに書き込む手段を取ろうと思ったが、タグ管理でGTMもPixelもうまくいった。※執筆時点