サイト内のどのボタン(バナー)を押したのか計測する方法[webの話] | おむすび

サイト内のどのボタン(バナー)を押したのか計測する方法[webの話] | おむすび

サイト内のどのボタン(バナー)を押したのか計測する方法

webの話

こんにちは18号です。


ホームページには、たくさんのボタンやバナーがあります。

そのうちのどれをクリックしているのかが分かれば、

サイトの改善に役立ちそう!

今回はその計測方法を説明します。
※計測結果を見るには、各アクセス解析ツールへの登録が必須です。
 
 
【ダミーパラメータ】
 
計測ためにはダミーパラメータを使用します。
 
 
ダミーパラメーターとは??
 
その名の通り、偽のパラメータです。
別に悪いものではなく、コンテンツに影響を及ぼさずにパラメータをつけることが出来ます。
 
どんなダミーパラメータを付けても、閲覧者には同じ内容が表示されますが、
パラメータを変更することで、それぞれ別のURLとして記録が出来るのです!
 
 

 

 

【設定方法】
 
設定方法ですが、めっちゃ簡単です。
 
URLの最後に「?」から始まる任意の文字列を付けるだけ!
 

 

※初めの「?」は必須ですが、それ以降は「?aaa_aaa」「?abcdef」など自由です。

※ダミーパラメータを複数付けたい場合は「&」でつなぎます。

 

 

 

さっそく、おむすびのサイトにも設定してみました!

 

設定したボタンをクリックすると…

リダイレクトもされず、何事もなかったかのように指定のページが開きます。

 

 
 
URLには「?top_banner」のパラメータが表示されています。
 
ここから他のページに行くにも、何も問題ありません。
 
 

 

【アナリティクスでの確認方法】

 

ダミーパラメータをつけたリンクを設置後、そのリンク(ボタン・バナー)がクリックされると
アナリティクス上ではこんな感じに表示されます。 
 
 
 
アナリティクスのリアルタイムでチェックしてみると、
ちゃんと機能しているかすぐに確認出来ます。
 
 
連携しているサイトや外部のブログなどにも同じように対応していくと、良いと思います。
 
これでどのボタンやバナーが効果的なのか…
などなど、アクセス解析の幅が広がるぞ〜! 
 
 

 

ちなみにもっとさっくっと調べたい人には

Chromeの拡張機能で「Page Analytics (by Google)」があります。
 
 
 
 
 
ページ内の要素を%で表示してくれる優れもの!
 
めちゃくちゃ精度が高い!ということではないようですが…
 
 
 
 
ぜひ、試して見て下さい〜 

 



3年半ほど制作会社で働いたのち、おむすびを始めました。デザインやマーケティングなどを担当しております。人見知りですが、めちゃくちゃアウトドア派です。おもしろい、役に立つ、使い易い、そんな感じのサービスを山盛り作っていきたいと思っております。 おむすび!


更新日:2017-08-06

コメントを投稿する
投稿名
コメント内容
画像認証 CAPTCHA Image
[ 認証画像を変える ]

関連記事

情報量が多いページから一瞬で知りたい情報を見つける方法
あなたのアナリティクス 正確なデータとれていないかも
アドワーズの仕様変更でキーワードプランナーが悲しいことに…
「ブログを書こう」って言う業者おおすぎ
PHPでTwitterをAPIでツイートする(2016年8月版)
アナリティクスを登録する際に絶対しておきたい3つのこと

人気記事

分かりやすい地図をデザインする為に押さえておきたい4つのポイント
夏っぽい色のバナーデザイン
l.instagram.com / referral ってなんだろう
CSSの背景画像でスライドショーを実装【jQuery】
結婚式の二次会やパーティーで使える◎可愛いスピードビンゴ作りました!
雨の野外フェスで用意しておきたいもの



ブログ

サイト内のどのボタン(バナー)を押したのか計測する方法

webの話

こんにちは18号です。


ホームページには、たくさんのボタンやバナーがあります。

そのうちのどれをクリックしているのかが分かれば、

サイトの改善に役立ちそう!

今回はその計測方法を説明します。
※計測結果を見るには、各アクセス解析ツールへの登録が必須です。
 
 
【ダミーパラメータ】
 
計測ためにはダミーパラメータを使用します。
 
 
ダミーパラメーターとは??
 
その名の通り、偽のパラメータです。
別に悪いものではなく、コンテンツに影響を及ぼさずにパラメータをつけることが出来ます。
 
どんなダミーパラメータを付けても、閲覧者には同じ内容が表示されますが、
パラメータを変更することで、それぞれ別のURLとして記録が出来るのです!
 
 

 

 

【設定方法】
 
設定方法ですが、めっちゃ簡単です。
 
URLの最後に「?」から始まる任意の文字列を付けるだけ!
 

 

※初めの「?」は必須ですが、それ以降は「?aaa_aaa」「?abcdef」など自由です。

※ダミーパラメータを複数付けたい場合は「&」でつなぎます。

 

 

 

さっそく、おむすびのサイトにも設定してみました!

 

設定したボタンをクリックすると…

リダイレクトもされず、何事もなかったかのように指定のページが開きます。

 

 
 
URLには「?top_banner」のパラメータが表示されています。
 
ここから他のページに行くにも、何も問題ありません。
 
 

 

【アナリティクスでの確認方法】

 

ダミーパラメータをつけたリンクを設置後、そのリンク(ボタン・バナー)がクリックされると
アナリティクス上ではこんな感じに表示されます。 
 
 
 
アナリティクスのリアルタイムでチェックしてみると、
ちゃんと機能しているかすぐに確認出来ます。
 
 
連携しているサイトや外部のブログなどにも同じように対応していくと、良いと思います。
 
これでどのボタンやバナーが効果的なのか…
などなど、アクセス解析の幅が広がるぞ〜! 
 
 

 

ちなみにもっとさっくっと調べたい人には

Chromeの拡張機能で「Page Analytics (by Google)」があります。
 
 
 
 
 
ページ内の要素を%で表示してくれる優れもの!
 
めちゃくちゃ精度が高い!ということではないようですが…
 
 
 
 
ぜひ、試して見て下さい〜 

 



3年半ほど制作会社で働いたのち、おむすびを始めました。デザインやマーケティングなどを担当しております。人見知りですが、めちゃくちゃアウトドア派です。おもしろい、役に立つ、使い易い、そんな感じのサービスを山盛り作っていきたいと思っております。 おむすび!


更新日:2017-08-06
コメントを投稿する
投稿名
コメント
内容
画像認証 CAPTCHA Image

[ 認証画像を変える ]


関連記事

SEOの時代は終わり?店舗型に向いていると思うweb集客
CSS Nite in OSAKA In-house SEO Meetup 参加予定
SEOはシンプルに考えるべき!絶対外せない重要な事3つ!
スマホ投稿にも使えるWYSIWYGエディッタsummernote
情報量が多いページから一瞬で知りたい情報を見つける方法
アナリティクスデータ無期限保存期間を5月25日まで

人気記事

分かりやすい地図をデザインする為に押さえておきたい4つのポイント
夏っぽい色のバナーデザイン
l.instagram.com / referral ってなんだろう
CSSの背景画像でスライドショーを実装【jQuery】
結婚式の二次会やパーティーで使える◎可愛いスピードビンゴ作りました!
雨の野外フェスで用意しておきたいもの

ブログ