Casual Developers Note

初級・中級のエンジニアやデザイナー向けに技術情報と英語学習情報を提供中。エンジニアもデザイナーも技術と英語を身に着けて海外に飛び立とう!

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • お問い合わせ
You are here: Home / ライフハック / GoogleタグマネージャでWordPressブログ内の広告クリックをトラッキングする方法

2018年3月9日 By Keid Leave a Comment

GoogleタグマネージャでWordPressブログ内の広告クリックをトラッキングする方法

GoogleタグマネージャでWordPressブログ内の広告クリックをトラッキングする方法

アフィリエイトを始めて広告をブログに貼り出すと、それらの広告がどの程度クリックされたかが気になります。各アフィリエイトのサイトでクリックされたかどうかは確認することができますが、複数のアフィリエイト先を登録している場合に全てのサイトを確認するのは面倒ですし、ブログに複数広告を掲載している場合はどこに掲載した広告がクリックされたかを知るのは難しいです。今回は、Googleタグマネージャを利用してクリックをトラッキングし、一元的にクリックのイベントを管理する方法を紹介します。

見出し

  • 1 はじめに
  • 2 Googleタグマネージャにクリックイベントを登録して配信する
    • 2.1 トリガーを作成する
    • 2.2 イベント発生条件の種類
  • 3 タグを作成する
  • 4 クリックイベントのタグを公開する
    • 4.1 プレビューしてテストする
    • 4.2 公開する
  • 5 最後に
    • 5.1 関連記事

はじめに

以前にお届けした以下の2回の記事で、広告を無料でトラッキングするにはGoogleタグマネージャ(Google Tag Manager)が有効であることと、GoogleタグマネージャとGoogleアナリティクスの連携方法をお伝えしました。

WordPressブログに広告を自由自在に配置するための無料のプラグイン4選

WordPressブログにGoogleタグマネージャ経由でGoogleアナリティクスを設定する方法

今回は、それらの作業がが完了している前提で、Googleタグマネージャを使って、広告のクリックをトラッキングする方法を紹介します。

この方法では、無料でクリックのトラッキングが可能になる上に、複数のアフィリエイト先がある場合に、それらのクリックを一元的に管理できる点がメリットです。そして、少し工夫することで、ブログのどこに貼ったどの広告がクリックされたかも測定できるようになるため、クリック率を上げたい場合は有用です。

Googleタグマネージャにクリックイベントを登録して配信する

今回は例として、アフィリエイトを始める人は誰もが最初に登録するA8.netの場合を考えることにします。

トリガーを作成する

まずは、Googleタグマネージャの右側のメニューから「トリガー」をクリックします。

スクリーンショット 2018 02 05 15 18 00

「新規」をクリックします。

スクリーンショット 2018 02 05 15 18 11

トリガーのタイプですが、今回はアフィリエイトリンクのイベントのトラッキングを作成するので、「リンクのみ」を選択します。

スクリーンショット 2018 02 05 15 20 09

以下のように内容を記入し、「保存」をクリックします。

スクリーンショット 2018 02 05 15 19 34

  • トリガー名: 任意
  • トリガー種類: クリック・リンクのみ
  • タグの配信を待つ: Yes。待ち時間はデフォルトでOK。
  • 妥当性をチェック: 厳密に確認した場合だけYesを選ぶ。NoでもOK。
  • これらすべての条件がtrueの場合にこのトリガーを有効化: Page URL = 含む = 自分のサイトのURL
  • このトリガーの発生場所: 一部のリンククリック
  • イベント発生時にこれらすべての条件がtrue の場合にこのトリガーを配信します: Click URL = 含む = アフィリエイトリンク

ここでイベントの発生条件の「Click URL」に指定している「px.a8.net」は、A8.netのアフィリエイトリンクに必ず含まれている値です。なので、この場合は、全てのA8.netのアフィリエイトリンクのクリックをトラッキングすることを意味しています。

イベントトラッキングの設定例は、公式ヘルプのここやここにも記載があるので、必要に応じて参照して下さい。

イベント発生条件の種類

今回はイベントの発生条件として「Click URL」だけを使用していますが、ここを工夫することでいろいろなパターンのクリックを検知できるようになります。

クリックに関しては以下のイベント発生条件を指定できます。

  • Click Element … クリックされたリンクのDOM要素
  • Click Classes … クリックされたリンクのclass属性
  • Click ID … クリックされたリンクのid属性
  • Click Target … クリックされたリンクのtarget属性
  • Click URL … クリックされたリンクのURL
  • Click Text … クリックされたリンクの文字列

詳しくは公式のドキュメントを参照して下さい。

例えば、ある特定の場所に配置している広告に同じclass属性を付け、イベントの発生条件に「Click Classes」を指定すれば、クリックされた場合にどこの広告がクリックされたか判断可能です。ただし、アフィリエイトASPの規約違反になっていないかは確認が必要です。

タグを作成する

次にタグを作成していきます。右側のメニューの「タグ」をクリックします。

スクリーンショット 2018 02 05 15 20 31

「新規」をクリックします。

スクリーンショット 2018 02 05 15 20 40

タグタイプは「ユニバーサル アナリティクス」を選択します。

スクリーンショット 2018 02 05 15 21 24

続けて内容を入力し、「保存」をクリックします。

スクリーンショット 2018 02 05 15 21 48
スクリーンショット 2018 02 05 15 22 11

  • タグ名: 任意
  • タグタイプ: ユニバーサル アナリティクス
  • カテゴリ: 任意
  • アクション: Page URL を選択
  • ラベル: Click URL を選択
  • Googleアナリティクス設定: 以前の記事で作成したユーザ定義変数「Googleアナリティクス設定」を選択

このイベントトラッキングパラメータの「カテゴリ」、「アクション」、「ラベル」、「値」は、後でGoogleアナリティクスでクリックのトラッキングの状況を確認する場合に自動的に振り分けられる分類です。なので、’各々の見やすい分類になるように自由に値を設定して下さい。今回の設定は一例になります。

クリックイベントのタグを公開する

最後に作成したクリックイベントのタグを公開しましょう。

プレビューしてテストする

公開する前に、ちゃんとタグが配信され、クリックされた時にイベントが検知されるかを確認する必要があります。

詳しくは以前の記事を参照して下さい。

公開する

タグがちゃんと動作することが確認できたら、右上の「公開」ボタンをクリックして、バージョン名(任意)を入力して公開すれば完了です。

スクリーンショット 2018 02 05 15 22 34

最後に

いかがでしたか?これで無料で広告のクリックのトラッキングを一元管理できるようになりました。今回の設定は一例なので、各々で測定したい内容に応じてタグを作ってみて下さい。ちなみに、この方法でのGoogle AdSenseのトラッキングは、アドセンス停止になるリスクがあるため、実施しない方が良いでしょう。あくまで通常のアフィリエイトのリンクにのみ使って下さい。では。

The following two tabs change content below.
  • この記事を書いた人
  • 最新の記事
Keid
Twitter のプロフィール

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。
Keid
Twitter のプロフィール

最新記事 by Keid (全て見る)

  • 2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介 - 2020年1月13日
  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~ - 2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~ - 2019年10月30日

関連記事

  • Google AdSenseをアカウント停止にさせないための予防法

    酷すぎる。。。青天の霹靂とはこのことだ。。。真面目にブログを運営し、GoogleのためにAMPにも対応し、やっと手にした…

  • Google AdSenseの暴走を食い止めろ!勝手に不適切な場所にアドセンス広告を配信させないための設定方法

    Google AdSenseの審査が通り、しばらくすると広告が自動的に配信されます。驚くべきことに何のタグの設定もせずに…

  • Google AdSenseの申請方法と審査突破のコツ

    どうもKeidです。お気づきの方も多いと思いますが、アフェリエイト始めました。とはいってもほとんどの人はクリックしてくれ…

  • WordPressブログにGoogleタグマネージャ経由でGoogleアナリティクスを設定する方法

    ブログをやっているとGoogleアナリティクス用のタグを埋め込む必要があったり、Google AdSense用のタグを埋…

  • WordPressブログに広告を自由自在に配置するための無料のプラグイン4選

    アフィリエイトでブログに広告を配置する場合、どこにどれくらい配置すべきかを検討することは重要ですが、配置したい場所に配置…

カテゴリ : ライフハック タグ : ads, google-tag-manager

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

技術力と英語力を向上させて
あたなを次のステージへ引き上げるための無料メルマガ

Sponsored Links

About Author

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。

https://casualdevelopers.com/

最近の投稿

  • 2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介

    2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介

    2020年1月13日
  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    2019年10月30日
  • BashからZshに移行する方法(Mac編)

    BashからZshに移行する方法(Mac編)

    2019年10月21日
  • Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    2019年9月30日

カテゴリ

  • 技術 Tips & Tutorials (100)
  • 技術塾 (6)
  • ライフハック (26)
  • 海外留学 (12)
  • 英語学習 (3)
  • コラム (6)

アーカイブ

最高の学習のために

人気記事ランキング

  • MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
    MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
  • Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
    Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
  • Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
    Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
  • Herokuの無料dynoをスリープさせないで24時間稼働させる4つの方法
    Herokuの無料dynoをスリープさせないで24時間稼働させる4つの方法
  • Go言語のためのVisual Studio Codeの設定方法
    Go言語のためのVisual Studio Codeの設定方法
  • AWS ECRとECSの入門(EC2編) ~ ECSのEC2版を使ってReactのDockerアプリケーションをAWS上で稼働させる方法 ~
    AWS ECRとECSの入門(EC2編) ~ ECSのEC2版を使ってReactのDockerアプリケーションをAWS上で稼働させる方法 ~
  • PythonのためのVisual Studio Codeの設定方法
    PythonのためのVisual Studio Codeの設定方法
  • Amazon EC2インスタンスにSSHできなくなった時の対処法
    Amazon EC2インスタンスにSSHできなくなった時の対処法
  • [tips][Sublime Text] Sublime Text 3で文字化けしない方法
    [tips][Sublime Text] Sublime Text 3で文字化けしない方法
  • [tips][bat] バッチで明日の日付を計算する。
    [tips][bat] バッチで明日の日付を計算する。

Bitcoin寄付 / BTC Donation

Bitcoinを寄付しよう

BTC
Select Payment Method
Personal Info

Donation Total: BTC 0.0010

このブログの運営のためにBitcoinでの寄付を募集しています。お気持ち程度の寄付を頂けると管理者の励みになります。

Bitcoin寄付について知りたい方はこちらの記事へ

The following two tabs change content below.
  • この記事を書いた人
  • 最新の記事
Keid
Twitter のプロフィール

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。
Keid
Twitter のプロフィール

最新記事 by Keid (全て見る)

  • 2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介 - 2020年1月13日
  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~ - 2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~ - 2019年10月30日

関連記事

  • Google AdSenseをアカウント停止にさせないための予防法

    酷すぎる。。。青天の霹靂とはこのことだ。。。真面目にブログを運営し、GoogleのためにAMPにも対応し、やっと手にした…

  • Google AdSenseの暴走を食い止めろ!勝手に不適切な場所にアドセンス広告を配信させないための設定方法

    Google AdSenseの審査が通り、しばらくすると広告が自動的に配信されます。驚くべきことに何のタグの設定もせずに…

  • Google AdSenseの申請方法と審査突破のコツ

    どうもKeidです。お気づきの方も多いと思いますが、アフェリエイト始めました。とはいってもほとんどの人はクリックしてくれ…

  • WordPressブログにGoogleタグマネージャ経由でGoogleアナリティクスを設定する方法

    ブログをやっているとGoogleアナリティクス用のタグを埋め込む必要があったり、Google AdSense用のタグを埋…

  • WordPressブログに広告を自由自在に配置するための無料のプラグイン4選

    アフィリエイトでブログに広告を配置する場合、どこにどれくらい配置すべきかを検討することは重要ですが、配置したい場所に配置…

ビットコイン取引ならここ

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • サイトマップ
  • タグ一覧
  • プライバシーポリシー
  • お問い合わせ

Copyright © 2021 Keid - Casual Developers Notes