顧客イベントは、さまざまな接点を通じてビジネスとのやり取り方法に関する洞察を提供してくれる、顧客による主要なアクションです。これには支払いを行ったり、販売を開始したりするなどの重要なインタラクションポイントが含まれます。統合されたサードパーティーサービスは、ピクセルによって生成された顧客イベントデータを使用することで、マーケティングオートメーションと分析を向上させます。これらの行動をよりよく理解することは、マーケティングオートメーション、分析、およびターゲティングを洗練させるためのデータを提供することにより、セールス戦略を大幅に改善することができます。統合されたサードパーティーサービスは、ピクセルによって生成される顧客イベントデータ、またはログとも呼ばれるデータを使用して、セールスアプローチを微調整することができます。このブログでは、ブランド開発者がShopifyアカウントを介してこれらのピクセルを追加および管理する方法を理解するのに役立ちます。では、基礎から始めてみましょうね。ピクセルとは何ですか?ピクセルとは、ピクセルの導入からB2Bオーディエンス用のカスタムピクセルの作成、さまざまなチャネルでの店舗への正常な実装まで、ショップ内の顧客のインタラクションを効果的に管理するために必要なすべての側面をカバーするガイドです。Shopify Pixel Managerで顧客イベントを追跡することができます。Shopifyピクセルマネージャーを使用すると、顧客イベントを追跡するためのピクセルを追加および管理できます。カスタマーサービスのイベントは、リンクをクリックしたり、カートに商品を追加したりするなど、顧客のブラウザで発生するアクションです。Shopify管理画面のカスタマーサービスセクションでは、専門家がピクセルを追加および管理できるようになっています。ピクセルは、アプリピクセルとカスタムピクセルの2つの方法でオンラインストアに追加または移行できます。マーケティングやデータ収集アプリがインストールしたアプリピクセルと、開発者がアカウントのピクセルマネージャーを介して手動で追加できるカスタムピクセルがあります。以前は、店舗のウェブサイトにJavaScriptスニペットを手動で追加することができました。これは通常、オンラインの設定、チェックアウトスクリプト、およびアプリ内で行われていました。これは通常、オンラインの設定、チェックアウトスクリプト、および英語のアプリ内で行われていました。大部分の場合、これらのスクリプトは品質について確認されず、管理には多くの時間がかかりました。ピクセルマネージャーでは、スクリプトは単一の管理ツールに保存され、サンドボックス環境で実行されますセットアップを開始する前に、テーマに既存のトラッキングコードが含まれていないことを確認してください。通常、これはtheme.liquid、product.liquid、checkout.liquidなどのリキッドテンプレート、およびチェックアウト設定の追加スクリプトフィールドに見つかります。衝突するスクリプトの心配をせずに進めるために、このステップは重要です。ストアにアプリピクセルまたはカスタムピクセルを含める利点オンラインストアでのチェックアウトなどの顧客イベントへのアクセス。オンラインストアと顧客の追加の保護。サードパーティプロバイダと共有する顧客情報をより良くコントロールできます。機能しないJavaScriptの実行やオンラインストアおよびチェックアウトへの干渉を防止します。プライバシーのコンプライアンスのための統合ツールカスタムピクセルのコードを作成するサードパーティJavaScript SDKの作成ピクセルに接続されるコードは、使用するサードパーティサービスから提供されます。トラッキングコードとJavaScript SDKは、ピクセルの2つの主要なパーツです。Shopifyピクセルサンドボックスでは、JavaScriptのみが許可されており、サードパーティサービスのコードに含まれるHTMLは削除する必要があります。これはMetaピクセルの例です。タイプによって、ポスピクセルにはわずかな変化があります。画像提供:Shopifyスクリプト src= でロードされるドメインピクセルが含まれていることがあります。ShopifyのピクセルはHTMLで動作しないため、これをJavaScriptの等価物に変更する必要があります。PageViewイベントのトラッキングコードも削除されています。次のステップで追加されます。画像提供:Shopifyスクリプト src= でロードされるピクセルがあります。サードパーティのHTMLで動作しないため、これをJavaScriptの等価物に変更する必要があります。また、標準イベントとカスタム顧客イベントの購読方法も調べることができます。カスタムイベントでは、ボタンクリックなどの追加の顧客イベントを追跡できます。例えば、特定の注文の発生を追跡したい場合は、その目的のためにカスタムイベントを作成し、購読することができます。以下はGoogle Analyticsピクセルの例です:画像提供:Shopify次のようなJavaScriptコードを以下のスクリプト src= の部分に使用できます。 src属性は常にHTMLバージョンと一致していることを確認してください:画像提供:Shopify標準イベントに購読するMetaのピクセルのPageViewイベントは、以下のようになります。関数fbq( track )はMetaのコードの一部であり、各ビジネスには異なるバージョンがありますので、そのドキュメントを参照する必要があります。画像提供:Shopify一部のイベントのメタデータをピクセルに転送することもできます。MetaのViewContentイベントでは、いくつかの製品情報を提供する例が以下に示されています:画像提供:Shopifyカスタム顧客イベントに購読するボタンクリックなどの追加の顧客イベントを追跡したい場合、カスタム顧客イベントを追加できます。標準イベントとカスタムイベントは同じ方法で購読できます。購読したいイベントの名前を宣言し、この情報をサードパーティサービスプロバイダのピクセルに送信します。これはカスタムイベントがテーマのリキッドファイルに表示される例です:画像提供:Shopify以下はカスタムイベントにピクセルを購読する方法の一例です:画像提供:Shopifyカスタムピクセルを追加するカスタムピクセルを追加する前に、既存のピクセルを削除または変更して、顧客イベントの二重カウントを防ぐ必要があります。テーマ.liquid、checkout.liquid、およびチェックアウト設定の追加スクリプトなど、すべての場所からピクセルコードを手動で削除する必要があります。手順:1. Shopify管理画面から、設定 > カスタマーサービス を開きます。画像提供:Shopify2. ピクセルに独自の名前を付けます。既存のカスタムピクセルの名前を入力すると、新しい名前を付けるように求められます。3. イベントエディタにアクセスするには、ピクセルを追加をクリックします。画像提供:Shopify4. コードウィンドウに、独自のJavaScriptピクセルコードを貼り付けます。5. カスタムピクセルを保存するには、保存をクリックします。カスタムピクセルを接続し、イベントの追跡を開始する準備ができている場合は、ピクセルを接続をクリックすることで、接続することができます。Shopifyストアにカスタムピクセルを接続するカスタムピクセルを追加した後、それをストアに接続して、顧客イベントの追跡を開始する必要があります。手順:Shopify管理画面のカスタマーサービスページから、カスタムピクセルを選択します。「接続されていないピクセル」の見出しの下に、現在接続されていないカスタムピクセルが表示されます。対応するカスタムピクセルの行で接続をクリックします。Shopifyの利用規約をお読みください。ピクセルがサービスの要件を満たしている場合は、接続をクリックします。カスタムピクセルを切断して削除するカスタムピクセルが追加されたイベントのトラッキングを停止するには、ピクセルを手動で切断する必要があります。手順:Shopify管理画面のカスタマーサービスページからカスタムピクセルを選択します。現在接続されているカスタムピクセルがリストの一番上に表示されます。切断したいカスタムピクセルの行で切断をクリックします。ピクセルが切断されると、削除されません。必要のないカスタムピクセルを削除することもできます。手順:Shopify管理画面のカスタマーサービスページでカスタムピクセルをクリックします。 変更したいカスタムピクセルの行で…ボタンをクリックします。 削除をクリックします。削除を確認すると、カスタムピクセルはピクセルマネージャーから削除されます。まとめカスタムピクセルを作成する前に、ピクセルの設定について理解しておくことが重要です。以下に考慮すべきことがいくつかあります:ウェブサイトのチェックアウトに配置するコードを理解するか、Shopifyエキスパートからカスタムピクセルを取得してください。ピクセルはセキュアなサンドボックス環境で動作するため、公開できるデータに制限があります。ウェブピクセルエクステンションAPIを使用して、Shopify LaxまたはStrictサンドボックスでブラウザAPIにアクセスし、顧客イベントに購読することができます。