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]過去記事を自動でTweetできるプラグイン「Tweetily」は超便利!だけど・・・わかったこともある

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

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

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

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

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

Googleタグマネージャー

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

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

ブログに雪を降らせる

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

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

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

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

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

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

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

ad

ad

REXカードが改悪したのでメインカードをどこにするか問題が勃発しました!
REXカードが改悪したのでメインカードをどこにするか問題が勃発しました!

ここ1年位メインカードとして使っていたREXカードがついに改悪されてしました。大体予想はついてました

世界一のゲームセンター「エブリディ行田店」でUFOキャッチャーをしてきたよ!
世界一のゲームセンター「エブリディ行田店」でUFOキャッチャーをしてきたよ!

勢いで行田まで行っちゃいました(笑)。 今日はそんなお話です。 目次1 世界一のゲームセンターってな

アリオ橋本のUFOキャッチャーでスクイーズをGETしてきたよ
アリオ橋本のUFOキャッチャーでスクイーズをGETしてきたよ

小学生の女子に大人気のスクイーズ。もちろん我が家の娘もはまっております。なにやらアリオ橋本にスクイー

イラク代表
[W杯アジア最終予選]2017/6/13(火) イラク戦【日本時間21:25】キックオフ!!

6/13(火) はサッカー日本代表のイラク戦@イラン/PAS Stadiumです!キックオフは、現地

シリア代表
[キリンチャレンジカップ2017]2017/6/7(水) シリア戦【19:25】キックオフ!!

6/7(水) はサッカー日本代表のシリア戦@東京スタジアムです!キックオフは【19:25】でございま