トラッキングコードの埋め込み
タグマネージャーとかで埋め込んでおくと便利です。
(タグ > カスタム HTML で下記をぺたり)
<!-- Facebook Pixel Code -->
<script>
var fbPixelId = "[PIXEL CODE ID]";
!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('set', 'autoConfig', false, fbPixelId);
fbq('init', fbPixelId);
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=[PIXEL CODE ID]&ev=PageView&noscript=1"
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->
2017/05/19?あたりから(気づいたのはほんの最近でしたが。。)ボタンとかに片っ端からイベントが仕込まれてるようで、どうにかなんないかなーと思ってましたが、以下を入れてあげればどうにかなりました。(上記では既に入ってます)
fbq('set', 'autoConfig', false, [PIXEL CODE ID]);
(2018/12/20 @hareno さんよりご指摘頂き、リファレンスURLを修正しました)
参考: https://developers.facebook.com/docs/facebook-pixel/advanced#automatic-configuration
参考: https://developers.facebook.com/docs/facebook-pixel/api-reference
各種コンバージョンイベント
https://www.facebook.com/business/help/952192354843755
より抜粋
なにかユーザーのアクションをトラッキングしたかったり、特定のページのコンバージョンを取りたいときには以下の様なものを使って送る。
if (window.fbq) {
// コンテンツを表示
fbq('track', 'ViewContent');
//友達、スポット等を検索
fbq('track', 'Search');
//カートに追加
fbq('track', 'AddToCart');
//ウィッシュリストへの追加
fbq('track', 'AddToWishlist');
//精算開始
fbq('track', 'InitiateCheckout');
//支払い情報の追加
fbq('track', 'AddPaymentInfo');
//購入
fbq('track', 'Purchase', {value: '0.00', currency: 'USD'});
//リード
fbq('track', 'Lead');
//登録完了
fbq('track', 'CompleteRegistration');
//カスタムコンバージョン
fbq('trackCustom', 'HogeFuga');
}
まとめ
ちゃんとドキュメント読もう。