FBピクセルイベントコードをSquarespaceのボタンに追加

Question

FBイベントコードをボタンクリック（このページの[ダウンロード]ボタン：https://frequencydigital.com/guide-download/）で取得しようとしています。

私はしかしブランドンによって提案されたコードは私のために働いていない、これ以前の記事を見ました：

<!-- The below method uses jQuery, but that is not required --> 
<button id="addToCartButton">Add To Cart</button> 
<!-- Add event to the button's click handler --> 
<script type="text/javascript"> 
$('#addToCartButton').click(function() { 
fbq('track', 'AddToCart', { 
content_ids: ['1234'], 
content_type: 'product',value: 2.99,currency: 'USD' 
}); 
}); 
</script> 

： のFacebookパーAdd FB pixel event code into button - Squarespace

、彼らはしかし、いずれかの動作していない、使用するには、このコードを提供します私は更新しようとしているページのソースを表示すると、ボタンのコードは次のとおりです。私が間違ってやっているのかわから

<div class="form-button-wrapper form-button-wrapper--align-center"> 
    <input class="button sqs-system-button sqs-editable-button" 
type="submit" value="Download"/> 
    </div> 

ありません ここに。

Answer 1

ボタンブロックではなくフォーム送信ボタンが使用される場合、リンク先の回答のコードを少し修正する必要があります。

<script> 
    (function() { 
     var btns = document.querySelectorAll('form input[type="submit"]'); 
     var i, I; 

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

このコードは、1つのページで複数のフォームが使用されても機能するように記述されています。このようなフォーム/ボタンが1つしかないことが確かであれば、少し単純化することができます。

前の回答のすべての提案と考慮事項が適用されます。さらに、「リード」以外の別のコードを選択することもできます。