ピクセルの移行

以前に theme.liquid、checkout.liquid (Shopify Plus プランのみ)、チェックアウト設定の追加スクリプト、または各種設定ページなどのロケーションにピクセルを手動でストアに追加した場合、そのピクセルを Shopifyアプリピクセルまたはカスタムピクセルに対応するように移行できます。古いピクセルを移行すると、以下のような利点があります。

• チェックアウトイベントを含む顧客イベントの追跡に、より簡単にアクセスできるようになります。
• プライバシーコンプライアンスのための組み込みツールを利用できます。
• Shopify とピクセルプロバイダーによって、継続的なメンテナンスと改善が行われます。

Shopifyアプリピクセルまたはカスタムピクセルに移行するメリットのすべて、およびShopifyのピクセルマネージャーについては、詳しくはこちらをご覧ください。

各種設定ページからの Metaピクセルと Googleピクセルの移行

Shopify管理画面の Metaおよび Googleアナリティクスのピクセル管理設定は、最新の決済カード業界データセキュリティ基準 (PCI DSS) のセキュリティ基準と規制に準拠するためアップグレードされました。この変更により、データ漏洩や不正注文からビジネスとお客様の情報が安全に保たれます。Shopifyがストアの PCI DSS v4準拠をどのようにサポートしているかについて、詳しくはこちらをご覧ください。

最も正確な追跡とパフォーマンスを実現するには、ピクセルを以下のいずれかのチャネルに移行してください。

• Metaピクセルを Facebook & Instagramチャネルに移行します。
• Googleアナリティクスピクセルを Google & YouTubeチャネルに移行します。

Googleアナリティクスピクセルを Google & YouTubeチャネルアプリに移行する

タグを Google & YouTubeチャネルアプリに移動していない場合、測定の継続性を維持するために、タグはカスタムピクセルに変換されています。これにより、Googleアナリティクスでの測定パフォーマンスと機能が低下する可能性があります。具体的には、以下のような影響が考えられます。

• イベント測定とタグの動作の違いにより、Googleアナリティクスでレポートされるデータが変更されたり、場合によっては失われたりする可能性があります。
• 拡張計測機能やクロスドメイン測定など、Googleアナリティクスの中心的な機能が正しく機能しない可能性があります。
• タグアシスタントが機能しなかったり、GA4タグについて誤ったレポートを作成したりする可能性があります。
• タグ診断では、GA4 タグを正しく識別できなかったり、ストアに適していない機能が推奨されたりする場合があります。
• 以前に「追加の Googleアナリティクス JavaScript」セクションに追加した設定は削除されます。
• Googleアナリティクスタグの同意に関する処理が変更される可能性があります。

theme.liquid、checkout.liquid、または追加スクリプトから古いピクセルを移行する

theme.liquid、checkout.liquid、または追加スクリプトから古いピクセルを移行する場合、以下のいずれかの操作を実行できます。

• 古いピクセルをアプリピクセルに対応するように移行する
• 古いピクセルをカスタムピクセルに移行する

顧客イベントの重複や欠落を避けるため、ストアの閑散期にピクセルを移行することを検討してください。

ピクセル移行の準備

移行のワークフローを決定する際には、以下の点を考慮してください。

• 顧客イベントの欠落を最小限に抑えたい場合は、古いピクセルを削除する前に、新しいカスタムピクセルを連携させてください。
• 顧客イベントの追跡が重複しないようにするには、古いピクセルを削除した後に、新しいカスタムピクセルを連携させてください。
• 古いピクセルを移行するには、古いピクセルコードを見つけて、削除または変更する必要があります。ほとんどのピクセルには、見つける必要のあるコンポーネントが2つあります。
  • ベースの Javascript SDK：Javascript SDKは多くの場合ヘッダーに配置されており、theme.liquidと、チェックアウト設定の追加スクリプトにあります。
  • 顧客イベントを収集するための古いピクセルコード：このコードは通常、テーマの liquidファイルと、チェックアウト設定の追加スクリプトにあります。何を検索すればよいかがわかるように、外部サービスのピクセルプロバイダーのドキュメントで顧客イベントの場所を確認してください。たとえば、Metaピクセルには fbq() と呼ばれるメソッドがあり、Googleピクセルでは gtag() や dataLayer.push() がよく使用されます。

古いピクセルをアプリピクセルに対応するように移行する

以下の両方の条件に当てはまる場合は、古いピクセルをアプリピクセルに対応するように移行することをおすすめします。

• 顧客イベントを自動的に収集する Shopifyアプリピクセルをインストール済みである。
• アプリピクセルで追跡されないカスタムイベントのために、追加のコードをさらに追加している。

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

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

以下の両方の条件に当てはまる場合は、古いピクセルをカスタムピクセルに移行することをおすすめします。

• Shopifyアプリをインストールせずに、以前にインストールしたピクセル用のコードを手動で記述している。
• 要件を満たす Shopifyアプリのピクセルがない。

新しいカスタムピクセルは、古いピクセルコードを削除する前でも後でも接続できます。

手順：

1. 必要な標準顧客イベントとカスタム顧客イベントにサブスクライブするカスタムピクセルを作成します。
2. Liquidファイルまたは「チェックアウト設定」の「追加スクリプト」から、以前に追加したピクセルコードを削除するか、置き換えます。これには、Javascript SDKを含んだり、標準イベントや非標準イベントを収集したりする古いピクセルコードが含まれる場合があります。
3. カスタムピクセルをストアに追加します。
4. カスタムピクセルを接続します。

古いピクセルコードの削除または置き換え

古いピクセルコードが見つかったら、ピクセルが追跡しているイベントの種類に応じて、コードを削除するか、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");
});

移行後のトラブルシューティング

ウェブピクセルへの移行後、トラッキングされたイベント数が以前の設定と異なることに気付く場合があります。一部のボットはウェブピクセルのサンドボックスをトリガーしないため、イベント数が1桁の割合で減少することは想定されています。より大きな不一致が見られる場合は、このセクションで考えられる原因を確認してください。

以下のチェックリストを使用して、不一致の原因を特定してください。

• 予想されるすべてのイベントが実行されていることを確認します。
• 古い設定と新しい設定の間で実装ロジックが同じであることを確認します。
• 各イベントが1回だけトラッキングされていることを確認します。
• 同じ分析サービスの数値を比較していることを確認します。
• プライバシー設定が以前の設定と一致していることを確認します。
• 同意が必要な場合は、同意を収集していることを確認します。

発生している問題に一致するものを選択し、トラブルシューティングの手順に従ってください。