*

Google Analyticsで簡単にダウンロードカウンタを実装しよう

公開日: : Web制作

analytics3

こんにちは、土日になる度雨で鬱な桐村です。

何か自分で作った作品をネットにアップしていたら、ダウンロード数って気になりませんか?そうするとダウンロードカウンタという選択肢が出てくるわけですが、普通一般的なサイトにダウンロードカウンタを実装しようとすると CGI か PHP プログラムを自分で書くか、フリーのスクリプトをダウンロードして実装しなければならないなど結構敷居が高いです。

WordPress にはプラグインがいくつかありますが個人的には管理しづらく感じましたし、Analytics でアクセス数と一緒に管理できるこちらがおすすめです。実装も超簡単です!

Analytics でダウンロードカウンタを実装する方法

前提条件として、既にサイトで Analytics を使用している必要がありますが、ダウンロード数をカウントしたいリンクタグに以下のコードを入れるだけ!

onclick="_gaq.push(['_trackEvent', 'Downloads', 'click', 'AppTag_v1,,true']);"

「AppTag_v1」というのは、ダウンロードを識別する為のもので好きな文字列にできます。(被っちゃだめですよ)

今回、私が別に運営している WordPress で作った写真素材サイト「ポケットピクト」で Analytics を用いたダウンロードカウンタを実装してみました。既にダウンロード数を記録したいものが数百にのぼりますが、ダウンロードのリンクタグを単一記事の投稿(single.php)で付けていたのが幸いし簡単に全てのリンクタグに実装する事ができました。

<?php
 $tit = get_page_uri($post->ID);
 $dlcnt = "_gaq.push(['_trackEvent','Downloads','click','".$tit."]);";
?>

ダウンロードリンクの前に上記のような php を書きました。get_page_uri 関数でページスラッグを取得し、識別子とする事にしました。ダウンロードリンクは以下のようにしています。

<a href="http://xxx.info/aa.jpg" onclick="<?php echo $dlcnt; ?>">download</a>

Analytics でダウンロード数を確認する方法

  1. Google Analytics にログインします。
  2. 左のメニューから「行動」→「イベント」→「上位のイベント」をクリック。
  3. 中央のタブから「イベントラベル」をクリック

analytics2

参考記事

Google Analytics で ダウンロード数をカウントする方法 | MacBook Air とWordPressでこうなった

  • Pocket

おすすめトピックス

関連記事

ブログ記事通りにコピペしたのにjqueryが動かない時に確認する事

ウェブサイトを訪れた時に画像がスライドで切り替わったり、スマートフォンサイトだったら横からメニューが出てきたりインタラクティブな動きをするウェブサイトを一度は見たことがあると思います。それらは大抵 jQuery という技 […]

CSSが効かなくなった!時に確かめる事

CSS は現在の Web 制作においては必須スキルです。無料サービスのブログ等では必須スキルではありませんが、知識は持っていたほうが独自のデザインを作ることが出来て有用です。 目次1 CSS とは?2 CSS が効かなく […]

ECCUBE
EC-CUBE2.11で全角英数字でも検索できるようにする方法

EC-CUBE2.11系のカスタマイズ方法は見当たらなくて苦労したのでメモしておきます。 EC-CUBE(イーシーキューブ)は、オープンソースのEC向けコンテンツマネージメントシステムである。(引用元) ようは、ネットシ […]

オフィス画像モニタ
Chrome42から標準フォントがメイリオになってデザイン崩れが発生

Google Chrome42 から日本語標準フォントがMS Pゴシックからメイリオに変わりました。フォントが変わるだけですが、これは意外と大きな変更です。 昔から Windows のブラウザの標準日本語フォントには「M […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
札幌駅前の野菜が美味しいベジタブルバー「野菜バルMAHALO」ハワイな雰囲気を楽しめます

札幌駅前に野菜が美味しいベジタブルバーがあります。その名前を「

外国人にも人気な中部国際空港のガチャガチャコーナーが豊富

日本でお馴染みのガチャガチャ、正式名称をカプセルトイという所謂

Illustratorでオブジェクトの背景を画像にする為にスウォッチに登録する方法

Illustrator でオブジェクトの背景を画像にしたいとい

高田馬場の手ぶらでも旅行者でも行ける銭湯「世界湯」

東京にイベントで出かけていた時、「そうだ、東京に銭湯ってあるの

吉祥寺駅前すぐの和洋折衷な定食屋さん「階段ノ上ノ食堂」でランチ

東京の吉祥寺駅のすぐ近くにある定食屋さん「階段ノ上ノ食堂」へ行

→もっと見る