Googleタグマネージャーとは・使い方（初級編）

2023年1月23日2023年4月7日

タグマネージャーって何？タグって何？といった後輩がいるので、そんな後輩でも分かるようにGoogleタグマネージャーに関して書いていきます。

タグってなんだ？

広告を出稿する時に必ず出てくる「タグ」。

知っている人は、あぁタグね。発行しといてくれれば、Webに実装しておきますってなるけど、何も知らない人にとっては何の事かさっぱりわからないと思います。

そもそもWeb関連は単語が分からなすぎる。

まずはタグといっても幾つか種類があります。

１htmlタグ

２コンバージョン計測やリマーケティング用のタグ

３計測ツール用タグ

htmlタグとは

htmlタグとは、以下の様にhtmlでwebページを作成する時に必要になるものです。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>
	
</body>
</html>

コンバージョン計測・リマーケティング用タグ

デジタルマーケティング担当者が良く遭遇するのが、このタグだと思います。

一般的には以下の様なJavascript形式のタグになります。（AdWordsのコンバージョン用タグを例に出しています）

出稿メディアによっては1pxの目に見えないイメージファイルの事もあります。

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = ☓☓☓☓☓☓☓☓☓☓☓;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "☓☓☓☓☓☓☓☓☓☓☓☓☓";
var google_conversion_value = 1.00;
var google_conversion_currency = "JPY";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/☓☓☓☓☓☓☓☓☓/?value=1.00&amp;currency_code=JPY&amp;label=☓☓☓☓☓☓☓☓☓-VxwM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

解析ツール用タグ

このタグも良く遭遇します。このタグもJavascriptになります。

といっても、GoogleAnalytics、Googleタグマネージャー、Yahooタグマネージャーがよく入れるタグになると思います。

他には、ClickTail、PT Engine、CrazyEgg等のヒートマップ系の解析用タグをいれたりします。

Googleタグマネージャーのタグを例にしています。

<!-- Google Tag Manager --> 
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-☓☓☓☓☓☓“ 
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 
    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
    })(window,document,'script','dataLayer','GTM-☓☓☓☓☓☓');</script> 
<!-- End Google Tag Manager -->

上記にあげた、２と３のタグを実際のWebページに設置する事を、「タグを入れておく。タグを実装する」等、言います。

特に２のタグは使用するメディア毎に発行されるので、管理が面倒になります。
そんな時に利用するとタグの管理が楽になるのが、Googleタグマネージャーです。