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
  • follow us in feedly

  関連記事

Googleタグマネージャー

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

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

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

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

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

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

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

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

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

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

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

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

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

ブログに雪を降らせる

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

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

ad

ad

ZenFone3 を楽天モバイルで購入!両面ガラスで高級感あるよ
ZenFone 3を楽天モバイルで購入!両面ガラスで高級感あるよ

楽天モバイルの冬の特価セールでZenFone 3 が安くなっていたので購入しました!最近評判の良い楽

CABINZERO(キャビンゼロ)のバックパック36Lが普段使いにちょうどよい!
CABINZERO(キャビンゼロ)のバックパック36Lが普段使いにちょうどよい!

CABIN ZERO(キャビンゼロ)から36Lの新サイズがでたので購入しました。44Lはちょっとでか

年末年始に東京から大阪に車で帰省!高速道路はどれだけ渋滞するのか?リアルタイムでレポートします!
[2016−17]年末年始に東京から大阪に車で帰省!高速道路はどれだけ渋滞するのか?リアルタイムでレポートします!

2016年の年末年始は東京から大阪に帰省します。今回はじめて年末年始に車で帰ることにしました。もう、

カーナビや後席モニターでdTVが見れるか試してみた!

前回はカーナビや後席モニターでAmazon プライムビデオが見れるか試してみました。今回は第4弾でd

[随時更新] 糖質制限中(ロカボ)でも食べられるオススメの外食メニュー
[随時更新] 糖質制限中(ロカボ)でも食べられるオススメの外食メニュー

ローカーボダイエットをして3ヶ月ほどが経ちました。体重も8kgほど減り、スリムになってきました。今日

  • follow us in feedly