*

Googleアナリティクスで端末を分類しカスタム変数に入れるスクリプト

公開日: : 最終更新日:2015/07/30 API , ,


LINE facebook twitter URLコピー
B! pocket Evernote 楽天


家電&カメラ タイムセール/バーゲン会場/クーポン配布はこちら。
Amazonでクーポンをもらう

【Amazonファッション】メンズ80%オフ商品を見る!
セール商品を見る

※本記事は非同期コード版です。とりあえず2015年7月現在では、タグマネージャーを入れて、ふつうにカスタムディメンションにUserAgentをそのまま入れちゃうのが一番てっとり早いかと思います。

画面サイズで判別して、カスタム変数に入れてみました、折角なので言語も。

画面サイズから端末の分類を、ブラウザの使用言語から言語を、カスタム変数の第1、第2階層に入れるスクリプトを書いてみました。レスポンシブなWebサイトで、これらがセグメント出来ると、いろいろと分析出来るかと思います(TOP画像)。

とりあえず、セッションレベルで 1ch に記録していますが随時変えて下さい。以下を _gaq.push(['_trackPageview']); の前に追加します。

gamen = screen.width;
if(gamen<520){tanmatu="smartphone";
 }else if(gamen<960){tanmatu="tablet";
 }else{tanmatu="pc";}
try {gengo=(navigator.browserLanguage || navigator.language || navigator.userLanguage).substr(0,2);}
catch(e) {gengo='undefined';}
_gaq.push(['_setCustomVar', 1, tanmatu, gengo, 2]);

PCとタブレットとスマートフォンの判別では、NRIさんの画面サイズを参考に切り分けました。

なお、ブラウザの使用言語は、あくまで設定上の言語なのでご留意を。詳細は以下URLをご覧下さい。

◆参考URL
>>Google アナリティクスカスタマイズ : 事例紹介 | NRIネットコム
>>ブラウザの言語をJavascriptから調べる。 – @masuidrive blog
>>環境変数 HTTP_ACCEPT_LANGUAGE – futomi’s CGI Cafe

できる逆引き Googleアナリティクス Web解析の現場で使える実践ワザ240 ユニバーサルアナリティクス&Googleタグマネージャ対応: 木田 和廣, できるシリーズ編集部: 本
できる逆引き Googleアナリティクス Web解析の現場で使える実践ワザ240 ユニバーサルアナリティクス&Googleタグマネージャ対応: 木田 和廣, できるシリーズ編集部: 本

「カスタム変数に入れれば、とりあえず何でも使えますよね。」

関連するほかの記事を見てみよう!
このサイトのトップページへ行く

  • このエントリーをはてなブックマークに追加
  • Pocket

Profile



Yoshihiko Yoshida
メディア運営業界23年目。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。「マツコの知らない世界」Googleマップ案内人TV出演。Googleストリートビュー認定フォトグラファー。教育システム情報学会会員。元立教大学非常勤講師。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとゲームとパン作り。>>もっと読む

Instagram

◆代表者略歴 ◆受賞歴
◆おもな著書 ◆TV出演歴
◆新聞掲載歴 ◆雑誌/連載歴
 <<お問い合わせはこちら>>

Facebook

このブログをRSS購読しよう!(無料)

follow us in feedly

よろしければ「いいね」して下さい!

 
PAGE TOP ↑