Skip to main content
Aftersellはカート追加を自前で処理するため、Shopifyのデフォルトのカートリクエストを監視している分析ツールはそれを検知できない場合があります。SDKのイベントをサブスクライブすることでトラッキングが復元でき、Ajax APIをスクレイピングするよりもクリーンなペイロードが得られます。 これはマーチャントがSDKを使う最も一般的な用途です。

パターン

すべての連携は同じ3行です。イベントをサブスクライブし、ペイロードを読み取り、ツールに転送します。
これをCart settings → Custom script → Initializationに貼り付けてください。サブスクライブはセットアップの呼び出しなので、最上部に置いても安全で、カートの読み込みを待つ必要はありません。

Klaviyo

まずKlaviyoのオンサイトトラッキングがインストールされていることを確認してください。このスクリプトはイベントを発火するだけで、Klaviyoを読み込みません。

Triple Whale

Google Analytics 4

トラッキングする価値のあるその他のイベント

checkoutハンドラーではnavigator.sendBeaconを使用してください。ページはまさにアンロードされようとしており、通常のfetchは途中でキャンセルされる可能性があります。また、このハンドラーからチェックアウトをキャンセルすることはできません。これは通知であってゲートではありません。

注意すべきポイント

  • 価格はセント単位です。 小数の金額を期待するツールに対しては100で割ってください。formatMoneyは表示専用なので、フォーマット済みの文字列を分析ツールに送らないでください。
  • 数量の増加はitem_addedではありません。 既存のラインで1から3に増やすと、item_addedではなくcart_updatedが発火します。ツールでこれを検知する必要がある場合は、cart_updatedハンドラー内で前の状態との差分を取ってください。
  • 「追加」を意図するならcart_updatedからトラッキングしないでください。 これは削除や数量の編集を含むすべての変更で発火するため、過剰に報告されてしまいます。
  • 二重カウントを確認してください。 ツールがすでに別の方法でカート追加を捕捉している場合、このスクリプトによって2回報告されます。公開前にツールのライブビューで確認してください。

テスト方法

トラッキング呼び出しの横にconsole.logを追加し、ブラウザのコンソールを開いて商品を追加します。
ログが表示されない場合、スクリプトが実行されていないので、Initializationスロットに保存されているか確認してください。ログは表示されるがツールに何も表示されない場合、問題はSDKではなくツールのペイロード形式にあります。

次に読むべきページ