FBピクセルイベントコードをボタンに追加 - スクエアスペース

Question

私は新しいsquarespaceです。 私のクライアントは、このためのページビューを追跡したい、私はすべてのページのヘッダにベースピクセルコードを注入してきたし、それが完璧に働いた、

しかし、どのようにユーザーのクリックがthis page

上のボタンを購入した場合、今、彼女は、追跡したいです

正方形のボタンにfacebookのピクセルコードを挿入する方法がわかりません。アイデアやリファレンスは高く評価されます。 おかげ

Answer 1

それはあなたが「イベントコード」を追加している何をしたいかのように聞こえるのいずれか：ユーザーがボタンをクリックした後に見ているページ、または

B）への

• A）ボタン自体

以前のオプション（A）を使用している場合は、ユーザーが実際にトラッキングしているページがトラッキングしているイベントを示していることを確認したい他の目的のためにそのページに到着する。それが私が後者の選択肢（B）に傾いている理由です。

あなたはイベントコードhereを追加する方法の詳細を読むことができ、かつhereが、要約すると：

イベント Facebookの広告（有給）または有機の結果として、あなたのウェブサイト上で起こるアクションですリーチ（未払い）。イベントコードにより、 はこれらの行動を追跡し、広告に活用することができます。

あなたが送信できるイベントの2つのタイプがあります。

• 標準イベントが。 9つのイベントで、追加の操作を行わずに広告をトラッキングして最適化できます...
• カスタムイベントあなたが考慮した場合、あなたのビジネスにとって重要ですが、あなたは追加のアクションなし追跡および最適化のために使用することはできませんというアクション...

...

これらのボタンを「カートに追加」アクションタイプにするには、AddToCartイベントを使用します。これを行うには、次のようなJavascriptを使用できます。

<script> 
    (function() { 
     var btns = document.getElementsByClassName("sqs-block-button-element"); 
     var i, I; 

     for (i=0, I=btns.length; i<I; i++) { 
      btns[i].addEventListener("click", function() { 
       fbq("track", "AddToCart"); 
      }); 
     } 
    })(); 
</script> 

あなたはper-page code injectionまたはsite-wide code injection経由を使用してこのコードを挿入できます。前の方がお勧めです。そうしないと、サイトのすべてのボタンがfbqイベントコードを実行しますが、これはおそらく望ましくありません。

サイト全体またはページ単位のどちらを使用するかにかかわらず、より具体的なセレクタを使用してボタンをより適切にターゲティングしたい場合があります。たとえば、querySelectorAllを、href属性のターゲットを使用できます。しかし、ページ単位のインジェクションを使用すると、私が提供したコードはうまくいくはずです。そのページのすべてのボタンに適用されます。