ウェブサイト検索

WordPress 用に Google タグ マネージャーをセットアップする方法

Google タグ マネージャーは非常に強力なツールなので、この投稿を調べたときに情報が不足していて愕然としました。まあ、それ自体は正確には「情報不足」ではありませんが、Google タグ マネージャーとは何か、そしてその機能を説明する利用可能な投稿が少ないのは明らかです。

Google タグ マネージャーとそれを WordPress サイトに設定する方法について詳しく知りたい場合は、もう探す必要はありません。あなたは正しい場所に来たからです。

この投稿では、次の概要を説明します。

  • Googleタグマネージャーとは
  • このツールを使用する必要がある理由と、
  • WordPress サイトに手動またはプラグインを使用してインストールする方法

さらに、Google タグ マネージャーの実際の動作をデモンストレーションして、他にはないタグ管理システムで何が達成できるかを理解していただきます。このように言えるのは、ほんの数例を挙げるだけでも、Tealium、Qubit、Adobe Experience Platform Launch など、他にも多数のタグ管理システムが存在するからです。

さて、学ぶべきことがたくさんあるので、早速見ていきましょう。

Googleタグマネージャーとは何ですか？

Google タグ マネージャーは、デジタル トラッキングのニーズを満たす素晴らしいツールです。コードを編集せずに、Web サイトにタグを展開できます。かなり曖昧ですか？より明確なイメージを提供するために、まずデジタル トラッキングの観点からタグを定義しましょう。

タグはサイトに追加する単なる JavaScript コードの一部であり、トラフィック分析、広告、ライブ チャットなどのサードパーティの機能をアクティブにすることができます。一部のサークルでは、タグは Web ビーコンまたは追跡ピクセルとしても知られています。

タグの良い例は、トラフィックを追跡できるようにサイトに追加する Google Analytics トラッキング コードです。

タグの全体の目的は、分析やデジタル マーケティング ツールのために訪問者データを収集することです。これらのタグを提供する企業: 例: Google Analytics、AdWords、Facebook、LinkedInなどがタグベンダーとして知られています。

Google タグマネージャーを選ぶ理由

従来、WordPress Web サイトにタグを実装するには、コードを手動で (または直接) 編集する必要がありました。 WordPress では、これは、header.php や functions.php などのさまざまなファイルを編集することを意味します。

ファイルに JavaScript コードを追加し続けると、サイトの速度が低下します。さらに、特に信頼できないソースからタグを取得した場合、サイトがセキュリティ上の脆弱性にさらされます。

ページに追加するすべてのコードを保守するという問題もあります。たとえば、変更があった場合はタグを更新する必要があり、これはコードを深く掘り下げることを意味します。繰り返しますが、これは初心者向けではありません。誤差が生じる余地も十分にあります。ご存知のように、間違いを犯すのは人間です。

何をするか？

複数のタグがある場合は、Google タグ マネージャーを使用して、すべてのタグを 1 か所で追跡できます。

ポイントを理解するためのメリットをいくつか紹介します。

  • Google タグ マネージャーを使用すると、コード ブロックをウェブページにコピーアンドペーストする必要はもうありません。
  • 既存のタグをすべて Google タグ マネージャーに移行できます
  • Google タグ マネージャーは、複数のタグをデプロイし、プロセス全体を簡単にする直感的なダッシュボードからタグを管理するための単一のコンテナを提供します。
  • このタグ管理システムを使用すると、タグを迅速に展開できます。たとえば、Google アナリティクス コードをコピーしてサイトに貼り付ける代わりに、Google アナリティクス トラッキング ID を Google タグ マネージャーとビオラに追加するだけで済みます。Google アナリティクスはサイト上で稼働します。
  • WordPress サイトに Google タグ マネージャーを設定するのは A、B、C と同じくらい簡単です。GTM を WordPress に手動で追加するのは簡単です。プラグインを使用するとさらに簡単です。自分に合った方法を選択してください。
  • Google タグ マネージャーは、マーケティング ニーズに合わせて大量のデータを取得するのに役立ちます。他の追跡ソフトウェアを使用するとキャプチャできない可能性のあるデータ。これは、タイムリーで正確なデータ、つまり成功と失敗のすべての違いを意味する種類のデータに変換されます。
  • Google タグ マネージャーには、AdWords、Analytics、Google Optimize、Adometry、Crazzy Egg、LinkedIn、Shareholic などの多くの統合機能が組み込まれているため、クリックしてサイトにタグを追加できます。
  • さらに、カスタム HTML サポートにより、無制限のタグを作成できます

そして、あなたがしなければならないことは、Google タグ マネージャーのコードを手動またはプラグイン経由でサイトにインストールすることだけです。

Google タグ マネージャーは、JavaScript コードを「処理」し、コンテナ経由でサイトに機能を提供します。 それは意味がありますか？確かにそうなることを願っていますね。

たとえば、Google Analytics コードをサイトに追加する代わりに、Analytics を GTM と統合するだけで作業は完了します。聞いてください、聞いてください – Google タグ マネージャーでタグを追加するのは 4 年生の仕事です。もう開発者は必要ありません。

100 万もの機能が実装されていると、なぜ Google タグ マネージャーが無料なのか不思議に思うでしょう。はい、そのとおりです。それは無料です。ただし、さらに多くの機能と 24 時間年中無休のサポートを備えたプレミアム バージョンもあります。それでも、無料版にはたくさんの機能が詰め込まれているため、すぐにプレミアム機能が必要になるとは思えません。プロのようなデータ収集に必要な機能がすべて詰め込まれています。

例えば、動画を見ているユーザーなどもキャプチャできます。さらに、各ユーザーがビデオを視聴した時間を確認できます。これは氷山の一角にすぎず、多くのメトリクスを収集できます。

短所

  • Google タグ マネージャーの無料版はプレミアム サポートを提供しません
  • 学習には時間がかかりますが、YouTube には Google タグ マネージャーに関する素晴らしい動画がいくつかあります。この投稿の終わりの方で、リソース セクションでお勧めするビデオをいくつかご覧ください。

これはメリットとデメリットをすべて網羅したリストではないため、引き続き説明していきます。袖をまくり上げて、汚れを落としてみましょう。

WordPressでGoogleタグマネージャーを設定する方法

このセクションでは、WordPress サイトに Google タグ マネージャーをインストールします。

  • 手動で、そして
  • プラグイン経由

早速、本題に入りましょう。

まずはGoogleタグマネージャーのアカウントを作成します

最初のステップでは、無料の Google タグ マネージャー アカウントを作成します。これにより、有名な GTM ダッシュボードと、ツールを WordPress サイトに統合するために必要なタグ (またはトラッキング ID) のロックが解除されます。

Google タグマネージャーの Web サイトにアクセスします。以下に示すように、Google アカウントでログインします (まだアカウントをお持ちでない場合はアカウントを作成します)。

美しい Google タグ マネージャー管理者ダッシュボードにリダイレクトされます。次に、以下のスクリーンショットで強調表示されている [アカウントの作成] リンクをクリックします。

次の画面で、アカウント名 (会社名など) を入力し、国を選択して [続行] ボタンを押します。

次に、[コンテナ名] フィールドにドメイン名を入力し、[ウェブ] を選択します。その後、以下で説明するように [作成] ボタンをクリックします。

次の図に示すように、Google タグ マネージャーの利用規約とデータ処理規約に同意します。

Google タグ マネージャーのインストール コードを含む次のポップアップが表示されます。

WordPress サイトに Google タグ マネージャーを手動で設定するには、これら 2 つのコードが必要になるため、上のタブを開いたままにしてください。お気づきのとおり、GTM ではコードを貼り付ける場所に関する説明が提供されていますが、まったくの初心者にとっては難しいかもしれません。

ただし、心配する必要はありません。次のセクションで具体的に何をすべきかを示します。

続行する前の重要な注意事項:

  • テーマファイルに変更を加える前に、WordPress サイトをバックアップしてください
  • さらに良いのは、WordPress の子テーマを作成し、親テーマの代わりにそれを編集することです。

Googleタグマネージャーを手動で設定する

新しいタブで WordPress 管理者ダッシュボードにログインし、[外観] > [エディター] に移動します。

上の画像から、この例では無料の Elegant WordPress テーマの子テーマを使用していることに注意してください。いくつかのファイルもコピーしました。 header.php、footer.php、rlt.cssおよび404.phpを子テーマに追加します。 Google タグ マネージャーのインストール コードをheader.php ファイルに貼り付けます。

右側のファイルナビゲータからテーマヘッダー (header.php) をクリックして、テーマエディタ内で header.php を起動します。

GTM アカウントの手順では、最初のコードを <head> の上位に貼り付け、2 番目のコードを <body> 開始タグの直後に貼り付ける必要があると記載されています。

header.php ファイルに <head> タグと <body> タグが含まれていますか? WordPress の <body> タグは少し異なる場合があります。たとえば、私たちのものは>。上の画像で見えますか？きっとそうだと思いますので、前に進みましょう。

以下の画像に示すように、Google タグ マネージャーから最初のコードをコピーし、<head> 要素の上部に貼り付けます。

次に、2 番目のコードをコピーし、以下に示すように開始 <body> タグの直後に貼り付けます。

最後に、画面の下部にある [ファイルを更新] ボタンを押して変更を保存します。これで、Google タグ マネージャーがサイトにインストールされました。とても簡単ですね。

しかし、コードの編集が嫌いで、代わりにプラグインを使用したいとします。

プラグイン経由でGoogleタグマネージャーをWordPressに追加する方法

このセクションでは、DuracellTomi の WordPress 用 Google タグ マネージャーとして知られる気の利いたプラグインを使用します。これは WordPress プラグイン リポジトリで利用可能です。つまり、WordPress 管理ダッシュボードから直接インストールできます。そうは言っても、仕事に取り掛かりましょう。

WordPress 管理者メニューの[プラグイン] > [新規追加]に移動します。

検索フィールドに「DuracellTomi の WordPress 用 Google タグ マネージャー」と入力し、プラグインを見つけたら、[今すぐインストール] ボタンを押します。

プラグインをインストールしたら、以下に示すように [有効化] ボタンをクリックします。

画面の上部に、WordPress 用 Google タグ マネージャーの使用を開始するには GTM ID を入力する必要があることが通知されます。以下に示すように、GTM ID を入力リンクをクリックします。

GTM ID は、以下に示すように、Google タグ マネージャー アカウントで確認できます。

Google タグ マネージャー アカウントから GTM ID をコピーし、WordPress 管理ダッシュボードに戻ります。 WordPress サイトに戻り、GTM ID を貼り付け、以下に示すように [変更を保存] ボタンを押します。

以上です！プラグインを使用して Google タグ マネージャーを WordPress サイトに追加する方法を学びました。さすが、相棒、さすが。あなたは勉強が早いですね。

Google タグ マネージャーを WordPress サイトに正常に追加できたので、テストしてみましょう。この部分では、header.php にコードをコピー&ペーストすることなく、Google アナリティクスをサイトに追加します。

サイトにすでに Google Analytics コードがある場合は、まずそれを削除する必要があります。そうしないと、同じデータを 2 回キャプチャすることになります。そして、マーケティングレポートにそのようなことを記載することは絶対に望ましくありません。

Googleタグマネージャーを使用してWordPressサイトにGoogleアナリティクスを追加する方法

Google タグ マネージャーに戻り、左側のナビゲーション メニューの [タグ] をクリックします。

その後、以下に示すように [新規] ボタンをクリックします。

表示されるポップアップでタグに名前を付け、[タグ設定] ボックスをクリックしてタグ (この場合は Google Analytics) を選択します。

次の図に示すように、Google Analytics – Universal Analytics を選択します。

これを行うと、タグ設定に戻ります。すべてのページビューを Google アナリティクスにレポートしたいため、[トラック タイプ] で [ページ ビュー] を選択します。下の画像を参照してください。

[Google アナリティクスの設定] で [新しい変数] を選択します。これにより、Google アナリティクスのトラッキング ID を入力する新しいボックスが開きます。以下の図に示すように、変数に名前を付けることを忘れないでください。

Google アナリティクス トラッキング ID を見つけるには、Google アナリティクス アカウントにログインし、WordPress サイトのアカウントを選択します (Google アナリティクス アカウントに複数のウェブ プロパティがある場合はこれを行ってください)。

次に、[管理者] をクリックし、[トラッキング情報] > [トラッキング コード] に移動します。項目番号で強調表示されているように、トラッキング ID が表示されるはずです。以下3。

トラッキング ID をコピーし、変数構成ボックスに貼り付けます。次に、以下に示すように [保存] ボタンを押します。

ここで必要なのは、Google Analytics タグのトリガーを設定することだけです。 [トリガー] をクリックして、新しいトリガーを選択または作成します。

すべてのページのトラフィックを追跡したいので、既存のトリガーを使用します（または新しいカスタム トリガーを作成します。時間を節約するために、以下に示すように既存のすべてのページ トリガーを選択しました。

最後に、[保存] ボタンをクリックします。

タグをテストする

Google アナリティクス タグはまだサイトに公開されていませんが、次の図に示すように [プレビュー] ボタンをクリックして機能しているかどうかを確認できます。

Google タグ マネージャーがプレビュー モードに入ったら、サイトをリロードします。ブラウザ ウィンドウの下部にある Google タグ マネージャー コンソール ウィンドウに、サイトをリロードしたときに起動されたタグが表示されるはずです。

Google アナリティクス アカウントにログインし、リアルタイムに移動すると、サイトをリロードすることでトリガーされたばかりのページビューが表示されます。

そこにそれがある！確かに上の画像を見ればわかるでしょうか？分かりやすくするために矢印を追加しました。データを取得するために Google アナリティクス (JavaScript コード) をサイトに直接追加する必要はありませんでした。すべてのデータ レポートは Google タグ マネージャーによって行われます。

同じことが、Google タグ マネージャー経由で追加するすべてのタグに当てはまります。サイトにコードを追加することはありません。なんて素敵でしょ？

ただし、Google Analytics タグは私たちに対してのみ有効であり、追跡する予定のユーザーではありません。タグをサイト上で公開し、実際のデータの記録を開始するには、以下に示すように [送信] ボタンをクリックします。

これにより、バージョンに名前を付けて説明を追加できるスライドイン ポップアップが起動します。下の画像を参照してください。

最後に、上の画像に示すように [公開] ボタンをクリックします。すべてを終えると、ライブ Google アナリティクスは次のようになります。

これが、Google タグ マネージャーの力を活用する方法です。同様の方法で 100 万個のタグを追加でき、サイトにすべてのコードを含める必要はありません。このツールでどれだけのことを達成できるかを知るために、ぜひ Google タグ マネージャーを試してみてください。

ここだけの話、お気づきかと思いますが、私は売れています。ライブブログにこれをインストールするのはこれが初めてです。他のブログでも Google タグマネージャーを使用する予定です。

追加リソース

Google タグ マネージャーを理解し、WordPress サイトに実装するという点で、このチュートリアルが正しい方向に導いてくれれば幸いです。さらに詳しく知りたい場合は、ご覧いただくために追加のリソースがいくつかあります (お約束しましたよね?)。

  • Measureschool Google タグ マネージャーのビデオ シリーズ
  • Googleタグマネージャーのサポート

WordPress 用 Google タグマネージャーガイドのまとめ

Google タグ マネージャーは、タグの管理と実用的なデータの収集に関して多大な力を発揮する強力なツールです。

このツールは簡単かつ迅速にセットアップできるため、収集したすべてのデータをどのように使用するかを計画する時間がより多くなります。タイムリーなデータ収集も素晴らしいです。ぜひ試してみてはいかがでしょうか？

Google タグ マネージャーについてご意見やご質問がありますか?一緒に学びましょう。以下のコメントセクションであなたの考えを共有してください。乾杯、データマイニングをお楽しみください!