ZendeskのヘルプセンターにGoogleタグマネージャーを実装することができます。
Googleタグマネージャーについて
Googleは、Googleタグマネージャーを「タグやコードスニペットなど、Webサイトやモバイルアプリ上のタグやコードスニペットを素早く簡単に更新できるタグ管理システムです。トラフィック分析やマーケティングの最適化での使用を目的としたものです。サイトのコードを編集する代わりに、GoogleタグマネージャーのユーザーインターフェイスからAdWords、Googleアナリティクス、Firebase Analytics、Floodlightなどのタグ、サードパーティのタグやカスタムタグを追加したり、更新することができます」と説明しています。
Googleアナリティクスと同じく、ヘルプセンターにJavaScriptとHTMLの埋め込みコードを実装する必要があります。そこからサイトにコードスニペットを動的に埋め込むことができます。最も優れた点は、ヘルプセンターでカスタムコードを実装するのではなく、Googleタグマネージャーのインターフェイスからすべてを管理できることです。ヘルプセンター用のGoogleアナリティクスインテグレーションとは異なり、Zendesk Guideのテーマテンプレートに簡単な変更を加えるだけでGoogleタグマネージャーを実装することができます。
Googleタグマネージャーの実装
Googleタグマネージャにサインアップする
まずは、無料のGoogleタグマネージャーのアカウントをご登録いただく必要があります。
- 無料のGoogleタグマネージャーに登録します。
- 新しいアカウントを設定します。
「コンテナの使用場所」には、必ず「Web」を選択してください。
- 新しいコンテナが作成されたら、ヘルプセンターに埋め込むコードのスニペットを2つコピーします。
ヘルプセンターに埋め込みコードを追加する
ここで、Googleタグマネージャーでコピーした埋め込みコードを、ヘルプセンターテーマの2つのテンプレートに貼り付けます。
- Guideで、サイドバーにある「デザインをカスタマイズ」アイコン（
）をクリックし、「テーマを編集」をクリックします。 - 最初のスニペットを文書見出し（document_head.hbs）テンプレートに貼り付けます。
- 2番目のスニペットをヘッダー（header.hbs）テンプレートに貼り付けます。
- 変更内容を保存します。
Googleタグマネージャーでタグを作成する
次に、新しいコンテナでテストするためのタグを作成する必要があります。
- Googleタグマネージャーのワークスペースで「新規タグを追加」を選択します。
ここの例では、新しいカスタムHTMLタグを設定しますが、Googleタグマネージャーには、AdWords、Google Analytics、Google Optimizeなどのサードパーティ製タグのテンプレートも用意されています。
- 変更内容がヘルプセンターに反映されていることを確認するためのシンプルなスクリプトタグとアラートを含む新しいカスタムHTMLタグを作成し、ページビューのすべてのページでトリガするように設定します。
- 新しいタグを作成したら、ワークスペースの「送信」をクリックします。
- 「バージョンの公開と作成」を選択し、コンテナに新しいバージョンの名前と説明を付けて、「公開」をクリックします。
ヘルプセンターで変更内容を確認する
これで、作成したタグがヘルプセンターに表示されるようになりました。
- Guideに戻り、ヘルプセンターのプレビューを更新します。
- カスタムHTMLタグに作成したアラートが表示されます。
次のステップ
以上で、Googleタグマネージャーでコンテナとサンプルタグを設定し、ヘルプセンターに埋め込む作業は完了しました。
Googleタグマネージャーは、アナリティクスやトラフィックパフォーマンスツールを管理するための非常に強力なツールです。Googleは、Googleタグマネージャーの使い方とベストプラクティスに関する多くのリソースをこちらにまとめています。
0 コメント
サインインしてコメントを残してください。