Google Tag Manager を使用してサイトにカート放棄プッシュ通知を追加する方法をお探しですか？
Google Tag Manager は、プッシュ通知スクリプトなどを保存するバケットのようなものです。カート放棄キャンペーンは、エンゲージメントと売上を自動的に増加させるための優れた方法です。この 2 つのエピックな自動化を組み合わせましょう。
この記事では、10 分以内に GTM プッシュ通知をインストールする方法を説明します。
さあ、始めましょう。
GTM を使用してカート放棄プッシュ通知を作成する方法
Google Tag Manager を使用したプッシュ通知のインストールは、非常に迅速かつ簡単なプロセスです。GTM を使用したカート放棄キャンペーンの設定は、もう少し技術的ですが、一緒に実行できます。これらの手順に従えば、この記事の終わりまでには、次のようなプッシュ通知をサイトから送信できるようになります。
そして、Google Tag Manager を使用する利点は、コードを一切使用しないことです。プッシュ通知をインストールするために、ウェブサイトの HTML を編集する必要もありません。
さあ、始めましょう。
ステップ 1: GTM を使用して PushEngage アカウントを設定する
カート放棄キャンペーンを作成する前に、サイトに PushEngage をインストールする必要があります。そして、Google Tag Manager を使用してカート放棄キャンペーンを設定するので、GTM を使用して PushEngage をインストールすることも理にかなっています。
ただし、この記事ではその方法については説明しません。プッシュ通知が初めての場合は、GTM を使用してサイトにプッシュ通知をインストールする方法に関するチュートリアルをご覧ください。
この記事の手順に従ってください。完了したら、カート放棄キャンペーンの作成を開始します。
ステップ 2: PushEngage でカート放棄キャンペーンを作成する
オプトインの設定が完了すると、サイトは購読者を取得できるようになります。
さて、カート放棄キャンペーンを作成する時間です。
Campaigns » Triggered Campaigns に移動し、Create New Triggered Campaign をクリックします。
次に、キャンペーンテンプレートからカート放棄を選択し、新規作成をクリックします。
カート放棄キャンペーンの作成に関する詳細なチュートリアルが必要な場合は、カート放棄プッシュ通知の設定方法に関するこの記事をご覧ください。完了したら、Google Tag Manager を設定して、カート放棄リマインダーをトリガーして送信する必要があります。
ステップ 3: dataLayer オブジェクトを作成する
Google によると、「最大限の柔軟性、移植性、実装の容易さを確保するために、Google Tag Manager はデータレイヤーと連携して展開すると最も効果的に機能します。データレイヤーは、Google Tag Manager に渡したいすべての情報を含むオブジェクトです。イベントや変数などの情報はデータレイヤー経由で Google Tag Manager に渡すことができ、Google Tag Manager では変数の値に基づいてトリガーを設定できます。」
dataLayer オブジェクトは、動的に情報を取得するために使用される配列内の変数のセットです。簡単に言うと、dataLayer は製品フィードです。dataLayer オブジェクトの詳細については、Google のドキュメントをご覧ください。
例を以下に示します。
この dataLayer を作成したら、サイトの HTML <body> に追加する必要があります。
次に、「今すぐ購入」または「カートに追加」ボタンにトリガーイベントを追加して、訪問者がこれらのボタンをクリックしたときに、放棄されたカートキャンペーンがアクティブになるようにします。
注意:放棄されたカートキャンペーンは、イベントがトリガーされた直後に開始されるわけではありません。通常、訪問者がカートに商品を追加したが、30分経過しても購入していない場合にキャンペーンが開始されます。
ステップ4: GTMでdataLayer変数を作成する
Google Tag Managerアカウントで、ワークスペース » 変数 » 設定に移動し、クリックまでスクロールします。
そして、クリックの下にあるすべての変数を有効にします。
次に、変数に戻り、ユーザー定義変数の下にある新規作成をクリックします。
ここで、dataLayer変数をGoogle Tag Managerに追加します。
dataLayer変数とは、商品のさまざまな属性のことです。この例では、dataLayer変数は次のようになります。
- products.name
- products.id
- products.price
- products.productname
- products.image
これらのdataLayer変数をすべてGTMに追加する必要があります。
重要:キャンペーンが絶対にトリガーされないように、構文を正確に守ってください。
ステップ5: GTMでトリガーを作成する
トリガーに移動し、新規追加をクリックします。
そして、誰かが今すぐ購入ボタンをクリックしたときに放棄されたカートキャンペーンをトリガーするカスタムイベントを作成します。
ボタンのテキストが「今すぐ購入」のボタンをクリックしたときにトリガーされるようにカスタムイベントを設定します。
ステップ6: dataLayer変数とトリガーでタグを設定する
最後に、PushEngageダッシュボードに戻り、放棄されたカートタグをdataLayer変数とトリガーで更新します。キャンペーン » トリガーキャンペーンに移動し、コードボタンをクリックします。
そして、キャンペーンコードをコピーします。
それが完了したら、コードをウェブサイトのHTMLコードの今すぐ購入ボタンのすぐ上に貼り付けます。
これで完了です。
カート放棄通知を設定した後にやること
今回は以上です、皆さん！
GTMを介してセグメントを動的に作成することもできます。次にそれを確認してみませんか？
プッシュ通知が初めての場合は、公開する前にプッシュ通知テストの本格的なプロセスに従う必要があります。これにより、訪問者が見て問題が発生する前に一般的な問題をトラブルシューティングできます。
また、その際にこれらの素晴らしいリソースもチェックしてください。
まだの方は、ぜひPushEngageをお試しください。PushEngageは世界No.1のプッシュ通知サービスです。ビジネスの成長に真剣に取り組んでいるなら、PushEngageに投資すべきです。
この投稿には、タグ自体のスクリーンショットがありません。最後に、「データレイヤーの変数を追加し、カート放棄コードでタグをGTMダッシュボードに作成します。以下の例を参照してください。」とありますが、例がありません。
例のタグ設定画像を更新してください。
また、カスタムタグにpushEngageスクリプトを追加する必要がある時点があると思いますが？その部分は、この投稿でより明確にすることができます。
ありがとう、
MarketoやPardotのようなプラットフォームでは、これをどのように行いますか？
こんにちは、Dan！それは本当に良い質問です。より詳細な回答については、カスタマーサクセスチームにお問い合わせください。お問い合わせページからご連絡ください。