メリット

• 全ページに埋め込むコードがまったく同じもので良くなる。
  （Google Tag Managerのコードだけになる）
• 発行する各コードは管理画面上で一覧で見られるようになる。
  （コード内容やコードの発行条件など）
• 新たに新規コードを埋め込む際、HTMLを弄る必要がなくなる。
  （Google Tag Managerの管理画面から行う）

1.使用準備（初期設定）

Google Tag Managerを使うには、まずアカウントを作成する必要があります。
Googleアカウントでログインした状態で、下記のページへアクセスしてください。

Google Tag Manager

ログインすると、アカウントが登録されていない状態の画面になります。

ログイン直後はアカウントの作成画面となりますので、アカウントの作成を行います。
「Account Name」に任意のアカウント名を入力して、「Next」ボタンを押して次へ進みます。

するとアカウントの作成の次は、コンテナーの作成に移ります。
Google Tag ManagerはGoogleアナリティクスのように、利用するサイトなどを登録し、それぞれの単位で管理します。これをコンテナーと呼びます。

登録画面にある各項目は、以下のように入力しましょう。

Container Name

コンテナー名です。例えば利用するサイトの名前など、自分がわかる名前を入れましょう。
Googleアナリティクスで言うところの「プロパティ」に相当します。

Time Zone

タイムゾーンの設定です。日本であれば「Japan」を選択します。

Domains

Google Tag Managerを使用するサイトのドメインを入力します。
オプション項目です。

入力が終わったら、最後に「Next」ボタンを押せば利用規約の確認画面が出ますので、「I ACCEPT」を押せば登録は完了です。

2.Google Tag Managerコードの埋め込み

登録が終わると、HTMLに埋め込むためのGoogle Tag Managerのコードが表示されます。

作成したContainerのContainer Settingsの画面からも同じものが確認できます。
コードを忘れた場合はこちらを開き、表示されているコードをHTMLのbodyタグ内冒頭に記述しましょう。

これでGoogle Tag Managerの利用準備は終わりました。
次は今までHTMLに記述していた各外部ツールのコードをGoogle Tag Manager側へ切り分けていきます。

3.既存HTMLから埋め込んでいる他ツールのコードを切り出し

HTMLにGoogle Tag Managerのコードを埋め込むことができたら、今までHTMLへ埋め込んでいた、今回Google Tag Managerへ切り出すコードをHTMLからtxtファイルなどへ移し、HTMLからは削除してしまいましょう。
（Google Tag Managerへ保存するまでの一時的な置き場ですので、txtファイルでなくてもなんでも良いです）

HTMLからコードを削除できたら、次はGoogle Tag Managerへ切り分けたコードを保存させます。
Google Tag Managerの管理画面へログインしてContainerを開き、左側のメニューから「Tags > Overview」を開いてください。

この画面では登録された「タグ」が一覧で表示されます。
このGoogle Tag Managerで言うところの「タグ」が、いわゆるHTMLへ挿入するコードと言うわけです。

先ほどHTMLから移動させたコードをそれぞれ、タグとしてGoogle Tag Managerへ保存させます。
画面右上にある「New Tag」ボタンを押して登録画面を開きましょう。

Google Tag Managerへ登録することができるタグ（コード）には、2012年10月2日現在では以下の7種類があります。

Google Analytics

Googleアナリティクス用。_trackPageviewまたは_trackEventを選択可能。
GoogleアナリティクスのIDを入力して使用します。

AdWords Conversion Tracking

Google AdWordsのコンバージョンタグ用。
コンバージョンIDやラベル、Valueを設定して使用します。

AdWords Remargeting

Google AdWordsのリマーケティングタグ用。
コンバージョンIDやラベル、パラメーターを設定して使用します。

DoubleClick Floodlight Counter

Floodlightのカウント用。

DoubleClick Floodlight Sales

Floodlightのセールス用。

Custom HTML Tag

自由編集可能なHTML。

Custom Image Tag

imgタグ用。画像のパスを設定して使用します。
オプションでブラウザキャッシュ回避用の乱数を付与させることもできます。

Googleアナリティクスなど、有名なツールには専用のタイプが用意されている形ですね。
用意されていないものについては自由にHTMLとして編集できる「Custom HTML Tag」を選び、そちらに記述する形になります。

切り分けたコードの保存は、ひとまずこれで完了です。
保存したコードの発行条件などの設定へ進みましょう。

4.「タグ」と「ルール」と「マクロ」

Google Tag Managerを利用するには、「タグ」と「ルール」と「マクロ」を理解する必要があります。
……と言っても、どれもさっくりと一言で説明できます。

タグ

HTMLへ挿入するコードのことです。（例：Googleアナリティクスのコードなど）
紐づけた「ルール」にマッチした場合にHTMLへ挿入されます。

ルール

タグを発行する条件のことです。（例：「全URLを対象とする」、「URLに○○を含む場合のみ対象とする」など）
「マクロ」を使って設定します。

マクロ

ルールを設定する際に使用する「URL」などの変数のことです。
デフォルトで用意されているもののほか、自分で新たに登録することができます。（JavaScriptの変数も登録可能）

「マクロ（変数）」を使って「ルール（条件）」を作り、その「ルール」に該当した場合に「タグ（コード）」を発行する、という仕組みです。
具体的な例をいくつか挙げてみます。

• URL（マクロ）が「*（なんでもOK）」の時に（ルール）、Googleアナリティクスの処理を行う（タグ）
• URL（マクロ）に「/column/」を含む場合に（ルール）、Google AdWordsのリマーケティングタグを発行する（タグ）
• 「URL（マクロ）が『/shopping/buy-complate.php』を含み」かつ「JavaScript変数『price』（マクロ）が『0ではない』」場合に（ルール）、Googleアナリティクスのコンバージョンタグを発行する（タグ）

といった具合です。

5.パブリッシュして完了

タグやルールやマクロが保存できても、それでまた完了ではありません。
すべてが終わったら、最後に管理画面から「パブリッシュ」する必要があります。

パブリッシュは画面右上にある「Create Version」ボタンを押すと行えます。

パブリッシュが完了すると変更が保存され、HTMLへ埋め込んだGoogle Tag Managerのコードが機能するようになります。
実際にページへユーザーがアクセスした際に処理されるのは、管理画面で最後に「パブリッシュ」されたときに保存されていた内容になります。要は、パブリッシュボタンというのは最終確認ボタンみたいなものと思ってください。

パブリッシュされる度に、Google Tag Managerはその状態を「1つのバージョン」として全バージョンを保存していきます。
各バージョンの状態へいつでも戻したりできるので、「間違えたままパブリッシュしてしまった！　戻さないと！」という場合でもひとつ前のバージョンへ差し戻すことが可能です。ご安心ください。