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

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

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

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

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

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

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

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

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

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

ブログに雪を降らせる

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

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

ad

ad

IIJmioのSIMサイズを変更!春のSIM交換・変更0円キャンペーン中です!
IIJmioのSIMサイズを変更!春のSIM交換・変更0円キャンペーン中です!

IIJmioのSIM交換・変更0円キャンペーン中を待っていました!ZenFone 3 のデュアルスタ

楽天モバイルが3日間の通信速度制限を撤廃するってよ。
楽天モバイルが3日間の通信速度制限を撤廃するってよ。

楽天モバイルが2017年3月1日から、3.1GB/5GB/10GBプランで過去3日間のデータ使用量の

陸マイラーが登録しておくポイントサイトは?必須の中継サイトと稼ぐポイントサイト
陸マイラーが登録するべきポイントサイトは?必須の中継サイトと稼ぐポイントサイト

念願の「ソラチカカード」が届きましたので、ポイントサイトへの登録を進めていきたいと思います。 今日は

ソラチカカードが届いたらやることは何?メインカードは変更するべき?
ソラチカカードが届いたらやることは何?メインカードは変更するべき?

ソラチカカードを申し込んで2週間程でようやく届きました。長かった〜w まぁ、その間で陸マイラーのブロ

ZenFone 3のホームアプリを「ZenUI Launcher」か「Nova Launcher」か迷った件
ZenFone 3 のホームアプリを「ZenUI Launcher」か「Nova Launcher」か迷った件

ZenFone 3 のホームアプリ(ランチャーアプリ)の選択で迷っております。「ZenUI Laun

  • follow us in feedly