Google タグ マネージャーを使用して、Olo からのオンサイト イベントをトラッキングする

このページで学べること

Google タグ マネージャー（GTM）を使用して、Olo Serve サイトでのサイト内注文行動をトラッキングし、それを Klaviyo に同期する方法をご確認ください。このガイドは、オンライン注文に Olo を使用しており、閲覧やカートのアクティビティを取得したい Klaviyo のお客様向けです。

Olo のオンサイトトラッキングの仕組み

GTM を通じて Olo Serve の注文サイトに Klaviyo のタグを1つ追加するだけで、ゲストがチェックアウトする前に、どのように閲覧してカートを作成したかを取得できます：

• サイトでアクティブ: ゲストがサイトの閲覧を開始しました
• 商品閲覧：ゲストがメニュー項目を開く、またはクリックして表示します
• カートに追加：ゲストが商品をカートに追加する
• チェックアウト開始: ゲストがチェックアウトプロセスを開始する

これらの行動イベントは、カート放棄フローや閲覧放棄フローに活用できます。標準のOlo外部連携から得られる注文確定データと組み合わせることで、閲覧から注文確定までゲストを追跡できます。また、タグはチェックアウトのサインインフォームで名と姓に加えて有効なメールアドレスまたは電話番号を入力すると匿名ゲストを特定できるため、その閲覧アクティビティが既知のKlaviyoプロファイルに紐付きます。

この機能では Olo のネイティブなオンサイト イベント トラッキングを使用し、Olo Serve の注文サイトで動作します。

始める前に

開始する前に、次のものが必要です：

• Klaviyo アカウントと、公開 API キー（6 文字のコード）へのアクセス
• ウェブコンテナを備え、変更を公開する権限があるGoogleタグマネージャーアカウント
• Olo Serve の注文サイト、および Google トラッキング ID を追加するための Olo 設定へのアクセス

ステップ 1：Google Tag Manager のコンテナ ID を見つけます

1. Google Tag Manager アカウントにログインします。
2. Olo Serve サイトのコンテナを選択してください。
3. ワークスペースの上部でコンテナ ID を見つけます。形式は GTM-XXXXXXX です。

ステップ 2：Olo にコンテナ ID を追加する

Olo Serve サイトでアクティビティをトラッキングするには、Google Tag Manager をインストールする必要があります。これは、Olo 設定で GTM Container ID を追加することで行います。

1. Olo で [設定] > [詳細設定] に移動します。
2. ステップ 1 の Google Tag Manager コンテナ ID（GTM-XXXXXXX）を Google トラッキング ID フィールドに入力します。
3. [変更を保存] をクリックします。

手順 3：Klaviyo ホスピタリティ トラッキング テンプレートを追加する

1. Google タグ マネージャーで、左側のサイドバーにある [テンプレート] をクリックします。
2. タグ テンプレート の下で、[ギャラリーを検索] をクリックします。
3. Klaviyo ホスピタリティ トラッキング を検索します。
4. テンプレートを選択し、[ワークスペースに追加] をクリックします。

ステップ 4：タグを作成して設定する

1. [タグ] > [新規] に移動します。
2. Tag Configurationをクリックし、テンプレートからKlaviyo Hospitality Trackingを選択します。
3. タグのフィールドを設定します：
   • Klaviyo 公開 API キー：6 文字の公開 API キーを入力します。
   • どのプラットフォームを使用していますか？：ドロップダウンから Olo を選択してください。
4. [トリガー] で、[すべてのページ] で発火するようにタグを設定します。

注：公開 API キーを見つけるには、Klaviyo にログインし、[設定] > [API キー] に移動します。公開 API キーは 6 文字のコードです（例：ABC123）。詳細は アカウントの API キーを管理する方法 を参照してください。

ステップ5：変更をテストして公開します

1. タグを保存するには [保存] をクリックします。
2. Googleのプレビューとデバッグの手順を使用して、Olo Serveサイト上のタグをテストしてください。Tag AssistantでKlaviyoのタグが発火することを確認してください。
3. プレビューセッションでメニュー項目を開き、カートに追加して、チェックアウトを開始してください。チェックアウトのサインインフォームで、Klaviyoがテストアクティビティを識別できるように、名と姓に加えて、有効なメールアドレスまたは電話番号を入力してください。
4. Klaviyoでアナリティクス > メトリックに移動します。各オンサイトメトリックを開き、テストイベントを確認するためにアクティビティフィードを選択します。
5. GTM ワークスペースの右上にある Submit をクリックします。
6. 公開してバージョンを作成を選択し、バージョン名（例：「Klaviyo Olo トラッキングを追加」）を入力して、公開をクリックします。詳細については、Googleの公開手順をご覧ください。

次は？

タグが公開され、Olo Serve サイトで稼働すると、ゲストが閲覧して注文するにつれて、Klaviyo はオンサイトイベントの受信を開始します：

• サイトでアクティブ: ゲストがサイトの閲覧を開始しました
• 商品閲覧：ゲストがメニュー項目を開く、またはクリックして表示します
• カートに追加：ゲストが商品オプションと数量を含めて、商品をカートに追加します。
• チェックアウト開始: ゲストがチェックアウト プロセスを開始します。これには、カートの全内容と配送方法が含まれます。

匿名のゲストが Olo のチェックアウト サインイン フォームで名と姓に加え、有効なメールアドレスまたは電話番号を入力すると、Klaviyo がそれを識別し、オンサイトでのアクティビティがそのプロファイルに紐付けられます。

これらのイベントは次の用途に使用できます：

• カゴ落ちフローを構築: 商品を追加したものの注文を完了しなかったゲストの再エンゲージメントを図ります。
• 閲覧放棄フローを構築: メニュー項目を閲覧したものの、カートに何も追加しなかったゲストをフォローアップします。
• 行動セグメントを作成：たとえば、過去 30 日以内に特定のメニュー項目を閲覧した、またはチェックアウトを開始したゲストなどです。

各イベントとそのプロパティの詳細な内訳については、Olo データ リファレンスを参照してください。

よくある質問

Klaviyo でイベントが表示され始めるまで、どのくらいかかりますか？

GTMコンテナが公開され、タグが有効になると、ゲストがOlo Serveサイトを操作するのに合わせて、イベントがリアルタイムで流れ始めます。タグが動作していることを確認するには、ステップ5のテスト手順を繰り返してください。

これは既存の Olo 外部連携を置き換えますか？

いいえ。これにより、標準の Olo 外部連携ですでに同期されているサーバーサイドの注文イベント（Placed Order、Closed Order など）に加えて、オンサイト行動イベント（Viewed Product、Added to Cart、Started Checkout）が追加されます。両方が同時に実行されます。

Olo の Google Analytics コンテナ構成をインポートする必要がありますか？

いいえ。Klaviyo タグは Olo Serve のネイティブ オンサイト イベントを直接リッスンするため、GTM がインストールされていれば、どの Olo Serve ストアフロントでも動作します。Klaviyo のトラッキングを機能させるために、Olo の GA4 コンテナ構成をインポートする必要はありません。

どのフルフィルメント タイプが追跡されますか？

Started Checkout イベントは、ゲストが選択した受け渡しモードに基づいて、注文が ［ピックアップ］ か ［配送］ かを取得します（たとえば、店頭受け取り、カーブサイド、ドライブスルーはピックアップにマップされ、デリバリーとディスパッチは配送にマップされます）。

その他のリソース