Casual Developers Note

エンジニアやデザイナー向けの技術情報・英語学習情報・海外留学情報・海外旅行情報を提供中。世界を旅して人生を楽しもう。

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • お問い合わせ
現在の場所:ホーム / アーカイブads

2018年3月9日 By KD コメントを書く

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

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

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

はじめに

以前にお届けした以下の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のトラッキングは、アドセンス停止になるリスクがあるため、実施しない方が良いでしょう。あくまで通常のアフィリエイトのリンクにのみ使って下さい。では。

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

2018年3月2日 By KD コメントを書く

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

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

アフィリエイトでブログに広告を配置する場合、どこにどれくらい配置すべきかを検討することは重要ですが、配置したい場所に配置できないのでは意味がありません。この記事ではWordPressのプラグインだけで、自由自在に広告を配置する方法を紹介します。

はじめに

この記事では広告を4つの無料のWordPressプラグインを紹介します。それぞれ単体で広告がある程度管理できる有用なプラグインになりますので、これを知っていれば、無料で広告を自由自在に配置できるようになります。

想定する広告の配置と機能

まずは、広告の配置を考えましょう。よくある広告の配置パターンを以下に図にしました。(「Ad」は広告を表し、Advertisementの短縮語です。海外では一般的に使われます。)

想定する配置

スクリーンショット 2018 02 04 16 40 55

  • (1) 記事のリード文の下
  • (2) 記事の本文の間
  • (3) 記事の本文の下
  • (4) 記事の関連記事の下
  • (5) サイドバーの上
  • (6) サイドバーの間
  • (7) サイドバーの下

これらの配置を自由に設定できるプラグインがあれば、ほとんどのパターンを実現できます。

想定する機能

加えて、プラグインには以下の機能が欲しいです。

  • (1) カテゴリ毎に広告を出し分けする
  • (2) クリックのトラッキングをする

無料かつ有用なWordPressプラグインたち

最強プラグインAdvanced Ads

Advanced Ads – Ad Manager & AdSense
Advanced Ads – Ad Manager & AdSense
Download QR-Code
Advanced Ads – Ad Manager & AdSense
Developer: Thomas Maier, Advanced Ads GmbH
Price: Free

想定している配置(1)-(7)の全てと、想定する機能(1)を簡単に実現できる無料プラグインがこの「Advanced Ads」です。

広告を一つ一つ一覧で管理でき、広告毎に表示条件(カテゴリ毎に表示するなど)を設定できる、大変便利なプラグインです。

さらに、広告をグループ毎にまとめることができ、グループ内の広告を優先度を決めて自動的に出し分けさせたりすることも可能です。このグループで表示数を2つとした場合、広告2つをキレイに並べて表示してくれるところも気が効いています。他のプラグインで2つの広告を並べた場合、大抵は横に並べるためにCSSをいじる必要があり面倒です。痒い所に手が届いていますね。

ただ一つ残念な点を上げるとすれば、想定する機能(2)のクリックのトラッキングは有料になっており、必要な場合は購入しなければなりません。この記事の最後に無料での解決策をお教えします。

クリック率測定とA/BテストができるAdRotate

AdRotate Banner Manager – AdSense Ads & more
AdRotate Banner Manager – AdSense Ads & more
Download QR-Code
AdRotate Banner Manager – AdSense Ads & more
Developer: Arnan de Gans
Price: Free

このプラグインは想定している配置(1)-(7)の全てと、想定する機能(2)を実現可能です。

特徴はクリック率を測定できる点とA/Bテストができる点で、無料でそれができるのはこのプラグインくらいです。広告の一覧管理やグループ管理も簡単に行なえます。また、広告の表示に有効期限ありきな点も特徴ですが、先程紹介したAdvanced Adsでも有効期限は設定できます。

残念な点は、想定する機能(1)のカテゴリ毎の出し分けができない点です。細かい表示条件の設定が不要だと考えている人であれば有用です。

玄人感のあるAd Inserter

Ad Inserter – Ad Manager & AdSense Ads
Ad Inserter – Ad Manager & AdSense Ads
Download QR-Code
Ad Inserter – Ad Manager & AdSense Ads
Developer: Igor Funa
Price: Free

このプラグインは見た目がとっつきにくいのですが、想定している配置(1)-(7)の全てと、想定する機能(1)を実現可能です。

ただし、たくさんの広告を一覧で管理したり、グループ管理して優先度を付けるなどといった事はできません。どちらかと言うと、選定した少ない広告をいかに適切な条件で表示し、適切な場所に配置するか、といった点に焦点が当てられています。掲載する広告数が少ないのであれば有用だと言えます。

Google AdSenseのために生まれたWP QUADS

Ads by WPQuads – Adsense Ads, Banner Ads, Popup Ads & more
Ads by WPQuads – Adsense Ads, Banner Ads, Popup Ads & more
Download QR-Code
Ads by WPQuads – Adsense Ads, Banner Ads, Popup Ads & more
Developer: WP Quads
Price: Free

このプラグインはアドセンス広告を適切な場所に配置するために作られてものですが、他のアフィリエイトも配置可能です。

想定している配置(1)-(7)の全てを実現可能ですが、想定する機能はいずれも持っていません。表示条件の制御はせずに、単に適切な位置に広告を配置するだけであれば有用です。

クリックのトラッキングはどうすればよいか?

ここまででプラグインの紹介は終わりました。

想定する配置および想定する機能を全て実現するには、Advanced Adsを選択した上で、残り一つの問題である想定する機能(2)のクリックのトラッキングを解決する必要があります。どうすればよいのでしょうか?

Googleタグマネージャでクリックのトラッキングは実現可能!

その解決策が「Googleタグマネージャ」になります。Googleタグマネージャ(Google Tag Manager)はタグを管理するためのサービスです。タグと言うのは、ヘッダーやフッターに埋め込んでいるGoogle Analyticsの設定のためのスクリプトなどのことを指します。

これがどう関係してくるのかですが、実はGoogleタグマネージャで配信可能なタグにはクリックのイベント検知も含まており、広告毎やアフィリエイト会社毎などの分類でタグを作成することでクリックを検知してトラッキングできます。

トラッキングした情報はGoogle Analyticsのイベント画面から確認できるので、大変便利です。強いて文句を言うなら、タグを作るのが非常に面倒くさいのですが、それは無料でやっているので仕方がないですね。

最後に

いかがでしたか?これでほとんどの人は自分がやりたいように自由自在に広告を管理できるようになったのではないでしょうか。もしまだ不十分の人はまずは他のプラグインを探して組み合わせて使うという方法も有りです。プラグインは探すと数多くあるので、プラグインごとの特徴を知って組み合わせることで自分にあった最適な広告の管理が実現できます。有料のプラグイン?PHPでコーディング?そんなものは不要です。それでは。

カテゴリ : ライフハック タグ : ads, plugins, wordpress

ブログ更新情報や海外の関連情報などを配信する無料メルマガ

Sponsored Links

About Author

KD

世界を旅し日本を愛するエンジニア。大学でコンピュータサイエンスの楽しさを学び、日本の大手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.」というエラーが出た場合の原因と対処法
  • SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
    SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
  • 爆速でJenkinsをマスターしよう(GitHubアカウント統合編) ~ JenkinsのGitHub Organizationの設定方法 ~
    爆速でJenkinsをマスターしよう(GitHubアカウント統合編) ~ JenkinsのGitHub Organizationの設定方法 ~
  • Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
    Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
  • バンクーバー留学豆知識:バンクーバーのATMで日本の銀行のキャッシュカードを使ってお得にお金を引き出す方法
    バンクーバー留学豆知識:バンクーバーのATMで日本の銀行のキャッシュカードを使ってお得にお金を引き出す方法
  • [tips][perl] Perlで文字コードをいい感じに処理する方法
    [tips][perl] Perlで文字コードをいい感じに処理する方法
  • PythonでWebスクレイピング入門(Scrapy+Selenium編)
    PythonでWebスクレイピング入門(Scrapy+Selenium編)
  • Amazon EC2インスタンスにSSHできなくなった時の対処法
    Amazon EC2インスタンスにSSHできなくなった時の対処法
  • SpringBootのProfile毎にプロパティを使い分ける3つの方法
    SpringBootのProfile毎にプロパティを使い分ける3つの方法

Bitcoin寄付 / BTC Donation

Bitcoinを寄付しよう

BTC
Select Payment Method
Personal Info

Donation Total: BTC 0.0010

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

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

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

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

Copyright © 2023 KD - Casual Developers Notes