ShopifyでTealiumアプリをインストールする
この記事では、ShopifyでTealiumアプリをインストールする方法について説明します。
Tealium Shopifyアプリをインストールして構成する前に、Tealiumで以下を構成してください:
- Tealium HTTP APIデータソース
- イベント仕様
- データレイヤー
restock変数
これらの構成タスクについての情報は、Tealium構成を参照してください。
インストール
以下のセクションでは、ShopifyでTealiumアプリをインストールし、Shopifyテーマを有効にし、チェックアウトピクセルを構成する手順を提供します。
Tealiumアプリのインストール
- Shopifyのアプリの下で、Tealiumアプリを選択します。
- 構成タブで、アカウント、プロファイル、環境情報を入力します。
環境値は
prod、dev、またはqaです。 - チェックアウトトラッキングオプションを選択します:
- クライアントサイドのみ:Tealium iQタグ管理のみをお持ちの場合は、このオプションを選択します。
- クライアントとサーバーサイド:Shopify Webhooksを使用してEventStreamにデータを送信する場合は、このオプションを選択します。
- クライアントとサーバーサイドを選択した場合、以下を行います:
- Tealiumでサーバーサイド > データソースに移動し、Shopify用に作成したデータソースを選択します。
- 選択したデータソースのデータソースキーをコピーします。
- Shopifyで、データソースキーをサーバーサイドデータソースIDフィールドに貼り付けます。
- 構成が完了したら送信をクリックします。Webhooksは即座に作成されます。
Shopifyテーマの有効化
Shopifyテーマを有効にするには、以下の手順を使用します:
- Shopifyでオンラインストア > テーマ > カスタマイズに移動します。
- アプリ埋め込みをクリックしてTealium拡張機能を有効にします。
これにより、Tealiumライブラリ
utag.jsとShopifyイベントの標準データレイヤーが読み込まれます。 - Tealium構成を
オンに構成します。 - 保存をクリックします。
チェックアウトピクセルの構成
Tealiumアプリはカスタムチェックアウトピクセルを使用して、チェックアウトイベントデータをEventStreamに送信します。EventStreamが有効になっていない場合は、チェックアウトピクセルを構成する必要はありません。
チェックアウトピクセルを構成するには、以下の手順を使用します:
- Shopify管理で、構成 > 顧客イベントに移動します。 TealiumアプリによってインストールされたTealiumピクセルが表示されます。チェックアウトピクセルは手動で追加する必要があります。
- カスタムピクセルの追加をクリックし、ピクセル名に
Tealium Checkoutを入力します。 - 顧客プライバシーの下で、推奨されるオプションは次のとおりです:
- 許可:アナリティクスを選択します。
- データ販売:データ収集はデータ販売に該当しないを選択します。 これはTealiumで収集しているデータによって変更される場合があります。
- コードボックスに表示されている例示コードを削除します。
- 顧客イベントタブからコピーしたコードをコードボックスに貼り付けます。
- 保存をクリックします。
- 接続をクリックします。
プライバシーと同意
Tealiumアプリは、Shopify Customer Privacy APIを使用するカスタムテンプレートを使用して同意統合を行います。このセクションでは、Shopifyでの同意管理とプライバシーの推奨アプローチの構成方法を示します。
詳細については、同意統合についてを参照してください。
Tealium Shopifyアプリは、組み込みのShopifyクッキーバナーとShopifyプライバシープラットフォームを使用できます。サードパーティのバナーや他の同意管理プラットフォームを構成するためにクライアントサイドの同意統合を使用します。
クライアントサイドの同意統合の構成
クライアントサイドの同意統合の構成は、以下を含みます:
- 目的グループと目的の作成
- 目的にタグをマッピング
- Shopifyのための同意統合の追加
目的グループと目的の作成
Shopifyのための同意統合を追加するには、目的グループと1つ以上の目的を作成します。作成する各目的には、名前とキーが必要です。名前はShopifyの同意カテゴリのいずれかに対応する必要があります。以下の表は、Shopify同意目的のキーと名前を示しています:
| キー | 名前 |
|---|---|
analytics |
analytics |
marketing |
marketing |
preferences |
personalization/preferences |
sale_of_data |
sale_of_data |
異なる目的にタグをマッピングする前に、適切なTealium iQ目的を割り当てます。各タグについて、マップドロップダウンメニューを選択し、タグに最も適切な目的を割り当てます。
目的グループと目的の作成についての詳細は、目的グループの追加を参照してください。
カスタム同意統合の追加
Shopifyのためのカスタム統合を構成する際には、以下の構成を使用します:
| オプション | 値 |
|---|---|
| 名前 | Shopify |
| ベンダー | Custom |
| ベンダーID | _tracking_consent |
| 施行ルール | デフォルトを使用 |
| 公開場所 |
|
| 目的グループ | Shopifyのために作成した目的グループ。 |
カスタム同意統合の追加についての詳細は、統合の追加を参照してください。
インストールの検証
ShopifyカスタムピクセルはiFrameサンドボックスで動作するため、Tealium Universal Tag Debuggerを含むほとんどのタグモニタリングプラグインは互換性がありません。このセクションでは、デバッグモードを手動で実装する方法について情報を提供します。
このデバッグモードを有効にするには、次の手順に従います:
- テストしているページに
tealium_debugという名前のクッキーを追加します。 - クッキーの値を
devに構成します。 これにより自動的にutagdb=trueが構成され、詳細な出力が有効になり、Tealiumのdev環境バージョンが読み込まれます。 - 追加の出力を確認するには、ブラウザのコンソールを開きます。
デバッグモードはクライアントサイドにのみ適用されます。サーバーサイドのデータ収集を検証するためには使用できません。
WebhooksやEventStreamに送信されたイベントのデバッグは、EventStreamのLive Eventsページを使用して行うことができます。テスト中のページをリロードする必要があります。これはチェックアウトを含むサイト全体で機能します。詳細については、Live Eventsについてを参照してください。
- Shopify管理で、オンラインストア > テーマ > カスタマイズ > アプリ埋め込みに移動します。
- Tealium拡張機能の構成でデバッグを有効にし、保存をクリックします。
- ウェブサイトをリロードし、ブラウザのコンソールを確認して詳細なデバッグ情報を確認します。
サーバーイベント管理
サーバーイベントタブでは、サーバーサイドトラッキングのために登録されるShopify webhooksを選択できます。トラッキング要件に基づいて個々のwebhooksを有効または無効にします:
| Tealiumイベント | Shopify Webhook |
|---|---|
| cart_update | CARTS_UPDATE |
| cart_create | CARTS_CREATE |
| checkouts_create | CHECKOUTS_CREATE |
| purchase | ORDERS_CREATE |
| shopify_refund | REFUNDS_CREATE |
| Shopify新規顧客 | CUSTOMERS_CREATE |
| sms同意変更 | CUSTOMERS_MARKETING_CONSENT_CREATE |
| email同意変更 | CUSTOMERS_EMAIL_MARKETING_CONSENT_CREATE |
選択したwebhooksは自動的にShopifyに登録され、Tealium EventStreamにデータを送信するように構成されます。
スプリットクッキーモード
スプリットクッキーモードは、個々のクッキーとして書き込むことでクッキーについての透明性を高めます。utag.jsバージョン4.50以上が検出された場合にのみ、スプリットクッキー構成が利用可能です。
統合されたクッキーを個々のクッキーに分割するには、以下の手順を使用します:
- utag.jsバージョンの検出をクリックして
utag.jsバージョンを確認します。 - スプリットクッキーモードを有効にするチェックボックスを選択します。
utag_mainクッキーに保持するクッキー値を選択します。チェックされていない値はutag_main_プレフィックスで個々のクッキーとして書き込まれます。ses_id、_st、_ssクッキーは必須であり、訪問/セッション数のインフレを防ぐために赤いバッジが付けられています。- クッキー構成を保存をクリックします。
Tealium Shopifyアプリのアンインストール
ShopifyからTealiumアプリを削除するには、以下の手順を使用します:
- Shopifyで、構成 > カスタムデータにアクセスします。
- リストの中で、リストの下の方にあるTealiumをクリックします。
Tealiumのメタデータフィールドがリストされます。 - フィールドリストを下にスクロールし、削除をクリックします。
最終更新日 :: 2026年January月14日