Taboolaのピクセルコードは、イベントベースのアクションを追跡するベースコード(追加のコードスニペットに添付)で構成されています。通常、弊社のピクセルはURLストリングでコンバージョンを定義しますが、Shopifyでは追加のコードスニペットが必要です。
Shopifyベースコードの実装方法
サイト全体:
左のメニューからオンラインストアにアクセスし、現在のテーマの横にあるアクションボタンをクリックして、コードを編集するオプションを選択します。layouts/theme.liquidを開き、閉じタグを探します </html>。そのタグの直前にベースピクセルコードを追加し、変更を保存します。
購入: 設定 -> チェックアウトにアクセスし、追加スクリプト(追加事項)までスクロースダウンして、購入アクションのベースコードピクセルとイベントベースのコードを追加します。変更を保存します。
カートに追加: add-to-cart KPI用の「ボタン」コードを含むアクティブな「.liquid」シートを選択します。そして「/cart」(または同等の) URLタイプコンバージョンを作成します。
コードは以下と似たようなものになります:
<button
{% if product.empty? %}type=""button""{% else %}type=""submit""{% endif %}
onclick=”_tfa.push({notify: 'event', name: 'Add_To_Cart'});”
name=""add""
id=""AddToCart-#{{ section_id }}""
class=""btn btn--full add-to-cart""
{% unless current_variant.available %} disabled=""disabled""{% endunless %}>
<span id=""AddToCartText-#{{ section_id }}"">
{% if current_variant.available %}
#{{ 'products.product.add_to_cart' | t }}
{% else %}
#{{ 'products.product.sold_out' | t }}
{% endif %}
</span>
</button>"