BigCommerce は、オンラインストアを作成することができるプラットフォームです。BigCommerce ストアを Pinterest タグと結びつけることで、Pinterest がどの程度ストアへのトラフィックや商品の売り上げを伸ばしているかを確認することができます。
ベースコードを使用すると、商品を購入したり、ショッピングカートに入れるなど、イベントに関するデータを集めることができます。ベースコードはウェブサイトを全ページにインストールする必要があります。
- 「Name of script」に「Pinterest Base Code」を入力します。
- 「Description」に「Pinterest tracking tag」を入力します。
- 「Location on page」で「Head」を選択します。
- 「Select pages where script will be added」で「All pages」を選択します。
- 「Script category」で「Targeting; Advertizing」を選択します。
- 「Script type」で「Script」を選択します。
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js");
pintrk('load','YOUR_TAG_ID', { em: '%%GLOBAL_BillingEmail%%', });
pintrk('page');
</script>
ベースコードをインストールした後、さらにデータを集めるために、他のイベントを追加することができます。Checkout(購入)イベントを追加すると、商品を購入して、購入処理を完了させたユーザーを追跡できます。
BigCommerce の管理画面で「Advanced Settings」「Web Analytics」の順にクリックします。
まだクリックしていない場合、「Affiliate Conversion Tracking」ボックスをクリックし、続いて「Affiliate Conversion Tracking」タブをクリックします。
次のコードを「Conversion Tracking Code」ボックスに貼り付けて、YOUR_TAG_ID を「
「保存」をクリックします。
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js");
pintrk('load','YOUR_TAG_ID', { em: '%%GLOBAL_BillingEmail%%', });
pintrk('page');
</script>
<script>
pintrk('track', 'checkout',{
value: %%ORDER_AMOUNT%%,
order_quantity:1,
order_id: %%ORDER_ID%%
});
</script>
ベースコードをインストールした後、さらにデータを集めるために、他のイベントを追加することができます(オプション)。AddToCart(カートに追加)イベントを追加して、商品をショッピングカートに追加したユーザーをトラッキングすることができます。
ボタンのコードスニペットが見つかったら、そのコードスニペットの一意の部分をコピーします。
BigCommerce のエディター画面に戻り、ファイル内の特定コードを見つけます。
「<input」の後に次のコードを入力します。するとユーザーが商品をカートに追加するたびに add-to-cart イベントタグがトリガーされます。
onclick="pintrk('track', 'addtocart');"
エディタ画面の下部にある「Save File」をクリックします。
ファイルを保存した後で、「Store Design」で編集したカスタムテーマを開きます。
「 省略記号アイコン 」アイコンをクリックし、「適用」を選択します。