ピクセルを移行する

このページはMay 15, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/promoting-marketing/pixels/pixel-migrationをご覧ください。

theme.liquidなどのロケーションで、ストアにピクセルを手動で追加したことがある場合、checkout.liquid (Plusマーチャントのみ)、またはチェックアウト設定の追加スクリプトを使用すると、ピクセルを移行して、Shopifyアプリのピクセルまたはカスタムピクセルと互換性を持たせることができます。古いピクセルの移行には、次のようなメリットがあります。

  • チェックアウトイベントを含む、お客様イベントの追跡に簡単にアクセスできる
  • プライバシーコンプライアンスのための組み込みツール

Shopifyのピクセルマネージャー、およびShopifyアプリのピクセルまたはカスタムピクセルに移行するメリットについて詳しく説明します。

目次

ピクセルを移行する準備を行う

お客様イベントの重複や欠落を避けるために、ストアの混雑が少ない期間にピクセルを移行することを検討してください。

新しいカスタムピクセルは、古いピクセルコードの削除前または削除後に接続できます。移行ワークフローを決定する際には、以下の点を考慮してください。

  • お客様イベントの欠落を最小限に抑える場合には、新しいカスタムピクセルを接続してから古いピクセルを削除します。
  • お客様イベントの追跡が重複しないようにする場合は、古いピクセルを削除してから新しいカスタムピクセルを接続します。

アプリピクセルと互換性を持たせるように古いピクセルを移行する

次の両方の条件にあてはまる場合は、アプリピクセルと互換性を持たせるように古いピクセルを移行した方が望ましいことがあります。

  • お客様イベントを自動的に収集する、Shopifyアプリピクセルをインストールした。
  • アプリピクセルで追跡しないカスタムイベントのコードも追加した。

この場合、アプリ開発者の指示に従って古いピクセルを移行する必要があります。

古いピクセルをカスタムピクセルに移行する

次の両方の条件にあてはまる場合は、古いピクセルをカスタムピクセルに移行した方が望ましいことがあります。

  • Shopifyアプリをインストールすることなく、ピクセルのコードを手動で書いてインストールした。
  • 要件を満たすShopifyアプリピクセルはありません。

手順

  1. 必要な標準およびカスタムのお客様イベントに登録するカスタムピクセルを作成します。

  2. チェックアウト設定で、Liquidファイルまたは追加スクリプトから以前に追加したピクセルコードを削除するか置き換えます。これには、以下のものが含まれます。

  3. カスタムピクセルをストアに追加します。

  4. カスタムピクセルを接続します。

古いピクセルコードを検出する

古いピクセルを移行するには、古いピクセルコードを検出して、削除または変更する必要があります。ほとんどのピクセルには、検出に必要となる次の2つのコンポーネントがあります。

  • ベースJavascript SDK
  • お客様イベントを追跡する少なくとも1つの関数

ピクセルJavascript SDKの古いインスタンスを検出する

Javascript SDKは、ピクセルの関数ライブラリーを読み込むすべてのピクセルにより提供されるコードのベースセットです。通常は、ピクセルを追加する際にオンラインストアに配置する必要がある最初のコードスニペットになります。

Javascript SDKはヘッダーに配置される場合が多く、チェックアウト設定の [theme.liquid] と [追加スクリプト] で確認できます。

お客様イベントを収集するために古いピクセルコードを検出する

お客様イベントを追跡するために古いピクセルを検出するには、お客様イベントのロケーション決定方法に関する外部サービスピクセルのドキュメントを確認して、検索対象を把握する必要があります。たとえば、Metaのピクセルには、fbq()というメソッドがあります。Googleピクセルでは、gtag()やdataLayer.push()がよく使用されます。

通常、このコードはテーマのLiquidファイルで、[追加スクリプト] はチェックアウト設定で確認できます。

古いピクセルコードを削除または変更する

古いピクセルコードを検出したら、ピクセルが追跡しているイベントの種類に応じて、次のようにコードを削除するか、Shopifyの [Shopify.analytics.publish()] メソッドを使用して置き換える必要があります。

  • 検出したJavascript SDKのインスタンスすべてを削除できます。
  • 古いピクセルで標準のお客様イベントを追跡しており、追加するカスタムピクセルまたはアプリピクセルが標準のお客様イベントの収集をサポートしている場合は、そのコードを削除する必要があります。
  • 古いピクセルでカスタムのお客様イベントを追跡しており、追加するカスタムピクセルまたはアプリピクセルがカスタムのお客様イベントの収集をサポートしている場合は、そのコードを置き換える必要があります。

これは、非標準のお客様イベントを追跡する古いピクセルコードの例です。

<script>fbq("trackCustom", "my_custom_event");</script>

これは、古いコードを置き換える同等のコードの例です。

<script>Shopify.analytics.publish("my_custom_event");</script>

カスタムピクセルを作成している場合は、次の例のようなカスタムイベントへのコードの登録を含める必要があります。

analytics.subscribe("my_custom_event", event => { fbq("trackCustom", "my_custom_event"); });

Shopifyで販売を開始する準備はできていますか?

無料体験を試す