【無料で丸ごと公開中】ブログコンサルティングの一部を見てみる

【そのままやるだけ】Googleタグマネージャの導入&設定する方法

 
【そのままやるだけ】Googleタグマネージャをサイトに導入する方法
この記事を書いている人 - WRITER -
大島 松二郎
株式会社SNAC代表取締役 MEO/SEO対策/HP制作を用いたWEB集客代行会社を運営。 1985年生まれ 福島県出身 月間12万PVのブログを運営中。自身が運営してきたブログ・メルマガノウハウを基に集客のアドバイスをしている。 【略歴】 28歳の頃、会社の突然の倒産をきっかけにインターネットビジネスの世界に入る。その後、ブログ運営やアフィリエイトに関する教材を買いあさり、素人から独学でWordPressの構築、記事の書き方、ライティング、SEO対策、マーケティング、メルマガ集客を学ぶ。2015年8月から始めたブログ「ブログ集客実践の書」は順調に成長し続け、2016年4月→1万PV、2017年7月→2万PV、2018年1月時点→45000PV→2018年7月には月間12万PVを突破。 現在は株式会社SNACを設立し、整体や美容室、パーソナルジム、エステなど実店舗向けのウェブ集客サービスを展開している。

どうも、ブログ集客屋まつです。

この記事はGoogleタグマージャーを0から使えるようにしたい人向けです。

「タグマネージャー使ったことないんだけど、どうやって導入するんだろう…」というあなたのために、タグマネージャをあなたのサイトに導入する方法を解説します。

タグマネージャーをサイトに導入するためには

  1. Googleタグマネージャーのアカウントを発行する
  2. タグマネージャーのタグを発行する
  3. タグマネージャーのタグ(トラッキングコード)をあなたのサイトに設置する

の3つの手順が必要です。

途中、意味不明な単語が出てくると思いますが、一旦それは考えずにタグマネージャーを設定してみてくださいね(設定はすべて無料です)。

Googleタグマネージャをあなたのサイトに導入する方法

では早速タグマネージャをあなたのサイトに導入していきましょう。記事の通りに作業するだけなので安心して読み進めてくださいね。

①Googleタグマネージャのアカウントを発行する

ではまずはGoogleマーケティングプラットフォームのタグマネージャのページにアクセスしてください。

Googleタグマネージャの導入方法

「Start for free」をクリックしましょう。

Googleタグマネージャの導入方法

Googleのログイン画面になりますので、Googleアナリティクスを使っているメールアドレスとパスワードを入力します(別々のアドレスにすると管理が面倒なので…)。

これでタグマネージャのアカウント作成が終わりです。次はタグを発行する為の設定に進みましょう。

②タグマネージャのタグを発行する

次はタグマネージャのタグを発行していきましょう。

タグマネージャのアカウントを発行した後は下記の画面になっていると思います。

Googleタグマネージャの導入方法

赤枠の辺りをクリックしてください。

Googleタグマネージャの導入方法

「新しいアカウントの追加」の画面になります。

アカウントの設定は下記のように入力をしましょう。

  1. アカウント名=サイト名(法人で管理するなら法人名でもOK)
  2. 国=日本
  3. Googleや他の人と匿名でデータを共有=チェックする

上記の通りに設定すればOKです。

★Googleや他の人に匿名でデータを共有するって何なん?★

Googleや他の人に匿名でデータを共有する」にチェックを入れると、自分のサイトデータを匿名で(個人を特定されない範囲で)共有する代わりに、自分のサイトデータと他社のサイトデータを比較できるようになります。個人が特定されるものではなく、サイトの解析を便利にするものなので、是非チェックを入れておきましょう。

Googleタグマネージャの導入方法

各種入力が終わったら「続行」をクリックします。

Googleタグマネージャの導入方法

コンテナの設定です。

「コンテナって何?」と思う気持ちは一旦それは置いておいてください。

ここでは下記の通りに設定をしましょう。

  • コンテナ名=自分のサイトのドメイン名(「arata01.info」など)
  • コンテナの使用場所=ウェブ

すべての入力が終わったら「作成」をクリックしましょう。

Googleタグマネージャの導入方法

規約の画面になります。

ここは「English」のままで構いませんので「はい」をクリックして進みます(日本語で設定できないのに読まされてもねえw)。

これでタグマネージャのタグの発行手順は終了です。

③タグマネージャのタグをサイトに設置する

Googleタグマネージャの利用規約に同意をすると下記のようなタグが発行されます。

Googleタグマネージャの導入方法

次はこの2つのタグマネージャのコードをサイトに設置していきましょう。

設置箇所は記載されている通り

  • 上のコード=<head>内のなるべく上の方に設置
  • 下のコード=<body>タグの直後に設置

になっているので、それぞれ貼り付けていきます。

上のコードを<head>内のなるべく上の方に貼り付ける手順

まずは上のコードを貼り付けていきましょう。

Googleタグマネージャの導入方法

WordPressにログインして「外観」→「テーマの編集」と進んでください。

Googleタグマネージャの導入方法

次にあなたが使っているWordPressの親テーマ(テーマ名に「child」が付いてない方)を選択します。

Googleタグマネージャの導入方法

右のファイルの中から「テーマヘッダー(header.php)」を見つけてクリックしましょう。

Googleタグマネージャの導入方法

ファイルの中に「<head>」と書いてある部分があるので、そのすぐ下にタグマネージャのコードを貼り付けましょう。

★貼り付け例★

<head>
◆ココの列にコードを貼り付ける!!◆

★2018年10月9日追記:ストークを使用している人の場合★

WordPressテーマのストークを使用しているクライアントの方で「<head>タグの下に入れたのにタグマネージャが反映されていない」というトラブルがありました。

その際「外観」→「カスタマイズ」→「アクセス解析コード」でトラッキングコードを埋め込んだところ反映されましたので、ストークを使用してる方は下記の手順でコードを埋め込んでみてください。

タグマネージャ

WordPressの管理画面から「外観」→「カスタマイズ」→「アクセス解析コード」に進み…

タグマネージャ

「headタグ」のところにタグマネージャの上のコードを挿入すれば完了です!

下のコードを<body>タグの直後に貼り付ける手順

次は下のコードを<body>タグの直後に貼り付ける手順です。

Googleタグマネージャの導入方法

タグマネージャの設定ページに戻り「また、開始タグ<body>の直後に~」の下にあるコードをコピーします。

Googleタグマネージャの導入方法

先ほどと同じく「header.php」のファイルの中で<body>というコードを探してみましょう。ELEPHANT2の場合「<body <?php>~~」となっていますが、このコードで問題ありません。

★ELEPHANT2&3の場合★

<body <?php body class(); ?>>
◆ココの列にコードを貼り付ける!!◆

★JINの場合★

<body <?php body_class(); ?> id=”<?php echo is_font_style(); ?>”>
◆ココの列にコードを貼り付ける!!◆

※とりあえず「<body~~」から始めるコードの下の列に貼り付ければOKということです。

コードを貼り付けたらファイルの更新をして、タグマネージャのページに戻りましょう。

Googleタグマネージャの導入方法

「OK」をクリックします。これでタグマネージャの導入は完了です。

これでタグマネージャの導入は完了!!

さてさてややこしい作業でしたがこれで

  1. Googleタグマネージャーのアカウントを発行する
  2. タグマネージャーのタグを発行する
  3. タグマネージャーのタグ(トラッキングコード)をあなたのサイトに設置する

の3つの作業が完了しました。

これでタグマネージャが使えるようになります。

タグマネージャを使うことで作業のしやすさ、スピードもがめちゃくちゃ上がるので、是非導入してみてくださいね。

↓↓↓

次の記事は【ど初心者向け】Googleタグマネージャにアナリティクスを設定する方法です。

 

無料E-bookプレゼント付きメルマガ

WordPressの集客ノウハウを
すべて詰め込みました。

90ページ以上の
ノウハウが詰まったE-bookです。
広告や有料のツールを使わずに
集客に特化したブログを作る方法を
詳しく載せています。

今なら超豪華特典も用意しております。
詳しくは下記のボタンをクリックしてプレゼントページをご覧ください。

 

無料プレゼント

この記事を書いている人 - WRITER -
大島 松二郎
株式会社SNAC代表取締役 MEO/SEO対策/HP制作を用いたWEB集客代行会社を運営。 1985年生まれ 福島県出身 月間12万PVのブログを運営中。自身が運営してきたブログ・メルマガノウハウを基に集客のアドバイスをしている。 【略歴】 28歳の頃、会社の突然の倒産をきっかけにインターネットビジネスの世界に入る。その後、ブログ運営やアフィリエイトに関する教材を買いあさり、素人から独学でWordPressの構築、記事の書き方、ライティング、SEO対策、マーケティング、メルマガ集客を学ぶ。2015年8月から始めたブログ「ブログ集客実践の書」は順調に成長し続け、2016年4月→1万PV、2017年7月→2万PV、2018年1月時点→45000PV→2018年7月には月間12万PVを突破。 現在は株式会社SNACを設立し、整体や美容室、パーソナルジム、エステなど実店舗向けのウェブ集客サービスを展開している。

Copyright© ブログ集客実践の書 , 2018 All Rights Reserved.