あなたが持っているウェブサイトのタイプに関係なく、あなたの訪問者があなたのサイトとどのように相互作用するかを知ることは不可欠です。Google Analytics（GA）は、従来、ウェブマスターがウェブサイトのトラフィックに関する洞察を得るために使用するツールでした。GAは、以下に関する統計とレポートをユーザーに提供します。

あなたのサイトへの訪問者の数
彼らはどこの国から来ましたか
セッションごとにアクセスしたページ数
あなたのサイトで最も人気のあるページ
バウンスしたサイト訪問者の数（アクションを実行せずに残った）

GAを使用してページビュー、セッション期間、バウンス率などの重要な指標を追跡するには、すべてのウェブページにGA追跡コード^{(GA Tracking Code)}またはGAJavaScriptコードスニペットを配置する必要があります。これは、一般的な情報を追跡するのに理想的です。

ただし、より具体的なメトリックまたは複数のインタラクションの場合、すべてのアクションを追跡することはより困難になります。たとえば、いくつかの異なるフォームやさまざまな機能を追跡して、必要なすべてのタグを設定して実行したいWebサイトの所有者にとっては、かなりの時間がかかります。

Google Tag Manager（GTM）は、すべてのタグの追跡を容易にする無料のタグ管理ツールです。

Googleタグマネージャーとは何ですか？^{(What Is Google Tag Manager?)}

GTMは、GAを置き換えるのではなく、GA（タグ自体）と連携して、ユーザーがトラッキングコード（タグ）を追加し、ルールを定義し、コードスニペットをデプロイするのを支援します。

GTMによって収集されたデータは、GAや、 Google広告^{(Google Ads)}、PayPal、Facebookなどの他のツールに送信されて保存されます。

ウェブサイトの所有者が追跡したいタグの例は次のとおりです。

Google広告
イベント
Facebookのピクセルコード
リマーケティング
カスタムHTML/JavaScriptコード

ウェブサイトの所有者は、より良い戦略的マーケティング決定を行うために必要な洞察を提供する行動を決定する必要があります。次に、Google Tag Managerを使用してデータを収集し、結果を分析します。

この記事では、WebサイトでGTMの使用を開始する方法の概要を説明します。

あなたのウェブサイトをセットアップする^{(Set Up Your Website)}

Google Tag Managerアカウントをまだお持ちでない場合は、アカウントを設定して^{(set one up)}ください。

アカウント名、国、コンテナ設定（ドメイン）、およびターゲットプラットフォーム（Webを選択）を追加します。次に、[作成^(Create)]をクリックします。
Googleの利用規約に同意すると、2つのコードスニペットとともにコンテナIDが表示されます。

セットアッププロセスを完了するには、サイトの各ページに両方のスニペットを追加する必要があります。正しい場所に追加してください。<head> に属します。もう1つは、開始<body>タグの後にあります。
スニペットのインストールについてさらにサポートが必要な場合は、Googleのクイックスタートガイドを^{( Quick Start Guide)}お読みください。または、WordPressを使用している場合は、使用できる^(WordPress)プラグイン^{( several plugins)}がいくつかあります。
コンテナを作成したら、タグとトリガーの追加を開始して、サイトの訪問者に関する洞察を得ることができます。

以下^(Below)は、マーケティング活動の測定に役立つWebサイトアクションの例です。

ボタンクリックの追跡^{(Tracking Button Clicks)}

ボタンのクリック数とは、ウェブサイトの召喚状（ ^(Button)CTA）がクリックされた回数を指します。多くのサイトには、次のような複数のCTAがあります。^(CTAs)

ダウンロード。
カートに追加。
電話するにはクリック。
申し込む。
サインアップ。
始めましょう。
無料のレポートを入手してください。
もっと詳しく知る。
加入。

いくつかの変数を設定する^{(Set Up Some Variables)}

左側のナビゲーションから [変数]^(Variables)をクリックし、[構成]をクリックします。^(Configure)
下にスクロールして、[要素]、[クラス]、[ID]、[ターゲット]、[URL^{(Element, Classes, ID, Target, URL )} ] 、 [テキスト^(Text)]の順にクリックします。

次のステップは、すべてのクリックで起動するトリガーを有効にすることです。左側のナビゲーションから[^(Click)トリガー]^(Triggers)をクリックして、[新規]をクリックします。^(NEW.)

次に、トリガーに名前を付けます。それをボタンクリック^{(Button Click)}と呼びましょう。
トリガーの種類を選択するには、トリガーウィンドウ内をクリックし、ポップアップページの一番下までスクロールして、[すべての要素^{(All Elements)}]をクリックします。
このトリガー^{(This trigger fires)}はすべてのクリック^{(All Clicks )}で発生するように設定し、[保存^{( Save)}]をクリックしてください。

タグが正しく機能していることを確認するには、[プレビュー^(Preview)]ボタンをクリックします。オレンジ色のバーが表示され、プレビューモードになっていることがわかります。

新しいブラウザタブでWebサイトを開き、ページを更新します。クイックプレビューモードで概要アイテムが表示されます。この例では、誰かがサイトのどこかをクリックするたびにトリガーを起動するように設定しているため、GTMクリックとして登録されます。
ページ上の特定のボタンを特定する場合は、 Googleタグマネージャー^{(Google Tag Manager)}のプレビューパネルでクリックの1つを選択します。次に、[変数^(Variables)]をクリックします。

クリッククラス、クリック要素、クリックテキストが表示されます。すべての異なるクリックとクリッククラスが表記されます。変数を見つけたら、追跡するボタンを除外する対象を見つけます。

^(Click)そのWebサイトのボタンをクリックすると、Webサイトの下にあるGTMプレビューの概要セクションが強調表示されます。

Clickクラス、Click Element、Click IDなど、選択したボタンに関連する変数を確認します。この情報を使用して、ボタンクリックを設定します。Googleタグマネージャー^{(Google Tag Manager)}に戻ります。ボタンクリックに^{(Button Click)}移動^(Navigate)します。

この記事の目的のために、無料レポート^{(Grab your free report)}を取得するためのボタンを設定しましょう。ボタンの名前を「無料レポートCTA^{( Grab your free report CTA)}を取得する」に変更します。

[このトリガーが起動する]に移動し、 ^{(This trigger fires on)}[いくつかのクリック]^{(Some Clicks)}を選択します。

ここで、プレビューモードで見つけた変数でフィルタリングできます。

Webサイトのプレビューに戻り、追跡するボタンの変数を書き留めます。ボタンのさまざま^(Different)な部分は、クリックする場所に応じてさまざまなクラスを持つ場合があります。

これに対する最善の解決策は、どこをクリックしてもクラスが同じであるため、追跡をリンククリックに切り替えることです。^{(Link Click)}リンククリックは、一定のままのハイパーリンクです。

GTM内でこれを変更するには、[クリック-すべての要素^{(Click – All Elements)}]を選択し、[リンクのみ]^{(Just Links)}に変更します。

プレビューモードで書き留めたクラスを使用して、[クラス]をクリックし、[^{(Click Classes )}保存^{( Save)}]をクリックして右側の空白のボックスに追加します。

タグを作成する^{(Create a Tag)}

左側のナビゲーションから[タグ]をクリックし、[^(Tags)新規^(New)]をクリックします。

[タグ設定]^{(Tag Configuration)}ボックス内をクリックして、タグタイプを開きます。下にスクロールして、[^(Scroll)カスタムHTML]^{(Custom HTML)}を選択します。
このカスタムHTML^{(Custom HTML)}セクション内で変数を使用するには、これらの角かっこ{}内に変数を入力します。
角かっこを入力し始めると、定義済みの既存の変数を選択できるクイック検索選択メニューが表示されます。

次に、これを作成したトリガーに接続する必要があります。[^(Click)トリガー^(Triggering)]ボックス内をクリックし、トリガーを選択して[保存^(Save)]をクリックします。
プレビューページをもう一度更新して、ボタンをテストします。ボタンをクリック^(Click)して、タグが起動されているかどうかを確認します。うまくいかない場合は、戻ってすべての設定を確認してください。
それらが正しい場合、このイベントで起動されたタグ^{(Tags Fired on This Event)}が表示されます。これで、ボタンがクリックされたときに追跡しています。

タグをイベントにする^{(Make The Tag An Event)}

GTMに戻り、作成したタグを選択します。必ず識別可能な名前で名前を付けてください。
タグタイプをカスタムHTML^{(Custom HTML)}からGoogleAnalyticsに変更します：Google Analytics：UniversalAnalytics。

[トラックタイプ^{(Track Type)}]で[イベント]、[^(Event)イベント追跡パラメータ]^{(Event Tracking Parameters)}で[ CTA]ボタン^{(CTA Button)}を選択し、[^(Click)アクション^(Action)]をクリックして、ラベル^(Label)の識別名を追加します。
^(Scroll)[Google Analytics設定]^{(Google Analytics Settings)}まで下にスクロールし、 {{Google Analytics}}を選択して、[保存^(Save)]をクリックします。これで、 GoogleAnalytics^{(Google Analytics)}内のクリックをイベントとして追跡しています。
イベントを送信してから公開^(Publish)します。
[コンテナバージョンの説明^{(Container Version Description)}]セクションで、イベントのわかりやすい名前を追加し、[続行^(Continue)]をクリックします。

これで、サイト訪問者がボタンをクリックするたびに追跡できるように、新しいトリガーと新しいタグがWebサイトに公開されます。

GoogleTagManagerを使用して追跡できるアクションの数に制限はありません。収集して測定するデータが多いほど、マーケティングキャンペーンと広告キャンペーンを微調整して、コンバージョンと売上を増やすことができます。

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowing how your visitors interact with your site іs essentіal. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

翔太松本

About the author

私は 10 年以上の経験を持つソフトウェア開発者です。私は Mac プログラミングを専門としており、TextEdit、GarageBand、iMovie、Inkscape など、さまざまな Mac アプリケーション用に数千行のコードを書いてきました。また、Linux および Windows 開発の経験もあります。開発者としての私のスキルにより、macOS から Linux まで、さまざまなソフトウェア開発プラットフォーム向けの高品質で包括的なチュートリアルを作成することができます。このチュートリアルは、使用しているツールについて詳しく知りたい人にとって最適な選択肢です。

Googleタグマネージャーを使用してWebサイトのトラフィックを分析する方法

Googleタグマネージャーとは何ですか？^{(What Is Google Tag Manager?)}

あなたのウェブサイトをセットアップする^{(Set Up Your Website)}