ShopifyでTealiumアプリをインストールする

Tealium Shopifyアプリをインストールし、構成する前に、Tealiumで以下の構成を行ってください：

• Tealium HTTP APIデータソース
• イベント仕様
• データレイヤー restock 変数

これらの構成タスクについての情報は、Tealium構成を参照してください。

Tealiumアプリをインストールする

以下のセクションでは、ShopifyでTealiumアプリをインストールし、Shopifyテーマを有効にし、Checkout Pixelを構成する手順を提供します。

Tealiumアプリをインストールする

1. Shopifyで、Appsの下でTealiumアプリを検索し、選択します。
2. Configタブで、Account、Profile、Environment情報を入力します。
   Environmentは通常、prod、dev、qaのいずれかになります。
3. Checkout Trackingオプションを選択します：
   • Client Side Only：Tealium iQ Tag Managementのみを使用している場合は、このオプションを選択します。
   • Client and Server Side：Shopify Webhooksを使用してEventStreamにデータを送信する場合は、このオプションを選択します。
4. Client and Server Sideを選択した場合は、以下の手順を実行します：
   1. Tealiumで、Server-Side > Data Sourcesに移動し、Shopify用に作成したデータソースを選択します。
   2. 選択したデータソースのData Source Keyをコピーします。
   3. Shopifyで、データソースキーをServer Side Data Source IDフィールドに貼り付けます。
5. First-Party Domainsを使用している場合は、ドメイン名を入力します。
6. 構成が完了したらSubmitをクリックします。 Webhooksはすぐに作成されます。

Shopifyテーマを有効にする

Shopifyテーマを有効にするには、以下の手順を使用します：

1. Shopifyで、Theme ExtensionタブでEnableをクリックします。
   これにより、Tealiumライブラリutag.jsとShopifyイベントの標準データレイヤーがロードされ、Theme Managerが開きます。
2. Theme Managerで、Tealium Settingsをオンにします。
3. デバッグを有効にするには、Tealium Settingsの隣の下矢印をクリックし、次の操作を行います：
   1. Enabledをクリックします。
   2. Environment（prod、dev、qa）を入力します。

Checkout Pixelを構成する

Tealiumアプリは、カスタムチェックアウトピクセルを使用して、チェックアウトイベントデータをEventStreamに送信します。EventStreamが有効になっていない場合、チェックアウトピクセルを構成する必要はありません。

Checkout Pixelを構成するには、以下の手順を使用します：

1. Checkout Installタブで、表示されるサンプルコードをコピーします。
2. Shopify Adminで、Settings > Customer Eventsに移動します。
   TealiumアプリがインストールしたTealiumピクセルが表示されます。チェックアウトピクセルは手動で追加する必要があります
3. Add Custom Pixelをクリックし、Pixel NameにTealium Checkoutを入力します。
4. Add pixelをクリックします。
5. Customer Privacyの下では、推奨されるオプションは次のとおりです：
   • Permission：Analyticsを選択します。
   • Data sale：Data collected does not qualify as data saleを選択します。
     これは、Tealiumで収集しているデータによって変わる可能性があります。
6. Codeボックスに表示されるサンプルコードを削除します。
7. Checkout InstallタブからコピーしたコードをCodeボックスに貼り付けます。
8. Saveをクリックします。
9. Connectをクリックします。

プライバシーと同意

Tealiumアプリは、Shopify Customer Privacy APIを利用した同意統合のためのカスタムテンプレートを使用します。このセクションでは、Shopifyとの同意管理とプライバシーについての推奨アプローチの構成方法を示します。

詳細については、Tealium: Consent Integrationsを参照してください。

Tealium Shopifyアプリは、組み込みのShopifyクッキーバナーとShopifyプライバシープラットフォームを使用することができます。Tealium iQ Consent Integrationsを使用して、サードパーティのバナーや他の同意管理プラットフォームを構成します。

Tealium同意統合を構成する

Tealium同意統合の構成は以下の通りです：

• 目的グループと目的を作成する
• タグを目的にマッピングする
• Shopifyのための同意統合を追加する

目的グループと目的を作成する

Shopifyのための同意統合を追加するには、目的グループと1つ以上の目的を作成します。作成する各目的には名前とキーが必要です。名前はShopifyの同意カテゴリの1つに対応する必要があります。以下の表はShopifyの同意目的のキーと名前を示しています：

各タグに対して、Mapドロップダウンメニューを選択し、タグに最も適した目的を割り当てる前に、適切なTealium iQ目的を割り当てます。

目的グループと目的を作成する方法についての詳細は、Add a purpose groupを参照してください。

カスタム同意統合を追加する

Shopifyのカスタム統合を構成する際には、以下の構成を使用します：

カスタム同意統合を追加する方法についての詳細は、Add an integrationを参照してください。

インストールを検証する

Shopify Custom PixelsはiFrameサンドボックスで実行され、ほとんどのタグモニタリングプラグインと互換性がないため、Tealium Universal Tag Debuggerを含む。このセクションでは、手動でデバッグモードを実装する方法について説明します。

このデバッグモードを有効にするには、以下の手順を実行します：

1. テストしているページにtealium_debugという名前のクッキーを追加します。
2. クッキーの値をdevに構成します。
   これにより、utagdb=trueが自動的に構成され、詳細な出力が有効になり、Tealiumのdev環境バージョンがロードされます。
3. 追加の出力を表示するには、ブラウザのコンソールを開きます。

このデバッグモードはクライアントサイドにのみ適用されます。サーバーサイドのデータ収集の検証には使用できません。

WebhooksとEventStreamに送信されるイベントのデバッグは、EventStreamのLive Eventsページを使用して行うことができます。テストしているページをリロードする必要があります。これは、チェックアウトを含む全サイトで動作します。詳細については、About Live Eventsを参照してください。

Tealium Shopifyアプリをアンインストールする

ShopifyからTealiumアプリを削除するには、以下の手順を使用します：

1. Shopifyで、Visit Settings > Custom dataに移動します。
2. リストで、リストの下部近くにあるTealiumをクリックします。
   Tealiumのメタフィールドがリストされます。
3. フィールドのリストを下にスクロールし、Deleteをクリックします。