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

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

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

webの話


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

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

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

今回はその計測方法を説明します。
※計測結果を見るには、各アクセス解析ツールへの登録が必須です。
 
 
【ダミーパラメータ】
 
計測ためにはダミーパラメータを使用します。
 
 
ダミーパラメーターとは??
 
その名の通り、偽のパラメータです。
別に悪いものではなく、コンテンツに影響を及ぼさずにパラメータをつけることが出来ます。
 
どんなダミーパラメータを付けても、閲覧者には同じ内容が表示されますが、
パラメータを変更することで、それぞれ別の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 参加予定
アナリティクスで電話番号タップをコンバージョン計測する方法
自分で出来る!MEO(ローカルSEO)でやっておくべきこと6つ
もしかしてWebの書き出し、まだpng…!?
CSSの背景画像でスライドショーを実装【jQuery】

人気記事

CSSの背景画像でスライドショーを実装【jQuery】
分かりやすい地図をデザインする為に押さえておきたい4つのポイント
夏っぽい色のバナーデザイン
市立吹田サッカースタジアム観戦の感想
TBSラジオクラウドの保存方法
(direct) / (none) が急に増えた!



ブログ

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

webの話




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

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

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

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

 

 

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

 

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

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

 

 

 

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

 

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

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

 

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

 

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

 

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

 

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

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

 



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



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

[ 認証画像を変える ]


関連記事

「ブログを書こう」って言う業者おおすぎ
アナリティクスで電話番号タップをコンバージョン計測する方法
SEOはシンプルに考えるべき!絶対外せない重要な事3つ!
PHPでTwitterをAPIでツイートする(2016年8月版)
たった3分で実装出来るJqueryで簡単スマホ用メニュー実装!
SEO Meetupに参加してわかったSEOに大切な5つの事


人気記事

CSSの背景画像でスライドショーを実装【jQuery】
分かりやすい地図をデザインする為に押さえておきたい4つのポイント
夏っぽい色のバナーデザイン
市立吹田サッカースタジアム観戦の感想
TBSラジオクラウドの保存方法
(direct) / (none) が急に増えた!

ブログ