WordPressにGoogleタグマネージャーを設置する方法

      2017/01/22

にわかに注目されているGoogleタグマネージャーをこのブログにも導入してみました。WordPressではしっかりとGoogleタグマネージャーのプラグインが用意されていますので設置は簡単です。

今日はそんなお話です。

事前準備

WordPressにGoogleタグマネージャーを設置する前にいくつか準備をしておく必要があります。

  • Googleタグマネージャーのアカウントを作る
  • Googleタグマネージャーでコンテナを作る
  • Googleタグマネージャーでコードを取得する

この3つを用意しておけば、とりあえずはOKです。

では、ひとつづつ手順を見ていきましょう。

Googleタグマネージャーのアカウントを作る

まず、Googleタグマネージャーのアカウントを作ります。

Googleタグマネージャーを設置しようと考えている方はすでにGoogleアナリティクスは入れていると思いますので、Googleアカウントは作ってあるでしょう。

Googleアナリティクスと同じアカウントでGoogleタグマネージャーのアカウントを開設すれば問題ありません。

私もそうしました。

しかし、セキュリティーを考えると独自のアカウントにしておく方が安全かも、と後から思いました。

同じにするにしても、二段階認証は設定しておくべきでしょう。

アカウントの作成

Googleタグマネージャーに登録

Googleタグマネージャー公式サイトにアクセスし、「今すぐ登録」をクリックします。

Googleタグマネージャーのアカウント名

アカウント名は好きな名前を付けて下さい。

Googleタグマネージャーでコンテナを作る

コンテナ?

はい、よくわからない言葉が出てきましたね。

コンテナは、Googleアナリティクスで言うところのブロパティみたいな感じです。

ですから、基本的にはホームページ(ドメイン)ごとにコンテナは作っていくことになります。

コンテナごとにコードが発行されるので、ブロパティと考え方は近いのではないでしょうか。

コンテナの作成

コンテナを作る

コンテナ名は、ホームページ名とかで。順に入力していきます。

Googleタグマネージャーでコードを取得する

コンテナができたら、WordPressのホームページに貼り付けるコードを取得しましょう。

プラグインを使う場合は、コードを直接使用しませんが、コードの中に、「GTM-●●●●●●」という文字列があると思います。

これをコピーしておきます。これがGoogleタグマネージャーのIDとなります。

Googleタグマネージャーのコードを取得

これで事前準備は終了です。

ひとまず「後でタグを追加をクリック」しておきます。

Googleタグマネージャーのプラグインをインストール

WordPressの管理画面からGoogleタグマネージャーのプラグイン「Google tag manager」をインストールしましょう。

Google tag managerプラグイン

インストールができたら有効化してください。

次は、サイドメニューの一般をクリックして、スクロールするとGoogleタグマネージャーのIDを入力する項目が出てきます。

GoogleタグマネージャーのIDを入力

ここに先ほどのコードの中にあったGoogleタグマネージャーのIDを入力します。「GTM-●●●●●●」というやつですね。

保存して、Googleタグマネージャーの設置は終了です。

ソースで確認してみると、<body>タグの後ろの方にGoogleタグマネージャーのコードが入っていることがわかります。

Googleタグマネージャーの公式サイトでは、コードは<body>タグの直後ということになっていますが、特に問題は起きていません。

気になる方は、プラグインを使わずに直接<body>タグの直後に貼り付けてください。

まとめ

プラグインを使えば、簡単にGoogleタグマネージャーを設置することができました。

しかし、問題はここからですね。

GoogleアナリティクスのタグなどをGoogleタグマネージャー側で設定していかなければいけません。

次回は、GoogleタグマネージャーでGoogleアナリティクスを設定する方法をメモしたいと思います。

 

#Googleタグマネージャーはこの書籍で勉強してます。ネットにも情報が少なかったんで助かりますね。

今日はここまでです。

チャオ!

 -Googleタグマネージャー, プラグイン

ad

  • このエントリーをはてなブックマークに追加
  • Pocket

  関連記事

ブログに雪を降らせる

[WordPress]ブログに雪を降らせることができるなんて素敵じゃないか

年末です。寒いです。雪です。ということでWordPressのブログでは簡単に雪を降らせることができる

モバイルWebページを高速化するAMPにWordPressのプラグインを使って対応してみたよ

モバイルWebページを高速化するAMPにWordPressのプラグインを使って対応してみたよ

モバイル端末でのウェブページの表示を高速化するためのプロジェクトである「Accelerated Mo

WordPressの新規投稿をTwitterに自動投稿する方法

WordPressでブログを書いている人は、TwitterなどのSNSも利用していますよね。私もTw

Googleタグマネージャー

Googleタグマネージャーでユニバーサルアナリティクスを設定する方法

Googleタグマネージャーを設置したら最初にユニバーサルアナリティクスを設定しますよね。本日はGo

Googleタグマネージャーでイベントトラッキングを設定する方法(外部リンク編)

Googleタグマネージャーでイベントトラッキングを設定する方法(外部リンク編)

前回のエントリーの予告通り、Googleタグマネージャーでイベントトラッキングを設定してみました。本

[WordPress]過去記事を自動でTweetできるプラグイン「Tweetily」は超便利!だけど・・・わかったこともある

[WordPress]過去記事を自動でTweetできるプラグイン「Tweetily」は超便利!だけど・・・わかったこともある

過去記事を自動でTweetしてくれるなんて超便利!という事で「Tweetily」というプラグインを入

ad

ad

東名阪(新名神)の亀山JCT~鈴鹿付近の渋滞中にできるだけ早く進む車線を考えてみた

今年も夏休み(お盆)は車で大阪に帰省しました。Uターンは8/14(月)にしましたが、やっぱり東名阪の

高尾山から見た富士山
小学生の娘と高尾山に登ってきたよ。日帰り登山は手軽なアウトドアでおすすめだよ!

小学生の娘のはじめての登山。わたしは何年ぶりの登山だろ?高尾山は都内から日帰りで行けて超お手軽だった

ティップネスに通い始めて1年!体型がどれくらい変わったのか検証してみた。

2016年6月からティップネスに週一で通いはじめて約1年が経過しました。週一とはいえ何とか1年続いた

ブログを始めて4年が経ちました。
ブログを始めて4年が経ちました。

気がつけば早いもので、このブログを始めて4年が経ちました。1年後しか反省していないことに今さらながら

ナガシマスパーランド
夏休みは家族でナガシマスパーランドに行くよ!宿選びとチケットを半額で買う方法

今年の夏休みは家族でナガシマスパーランドのジャンボ海水プールに行くことにしました!8月に東京から大阪