2014-12-03

[ シェアレポート ]2014/11 GAで調べた訪問数に見る

2014年11月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
iOS
32.66%
Android
32.57%
Windows
32.10%
Macintosh
2.12%
Linux
0.19%
全デバイス・ブラウザシェア
Safari
29.34%
Android Browser
24.84%
Internet Explorer
22.46%
Chrome
15.04%
Safari (in-app)
4.58%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
24.64%
Internet Explorer+11.0
15.67%
Safari+8.0
13.45%
Safari+7.0
10.51%
Chrome+38.0.2125.111
4.66%
全デバイス・OS+ブラウザシェア
iOS+Safari
27.93%
Android+Android Browser
24.84%
Windows+Internet Explorer
22.45%
Android+Chrome
7.30%
Windows+Chrome
7.00%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
43.80%
Chrome+38.0.2125.111
13.87%
Internet Explorer+9.0
7.94%
Firefox+33.0
7.16%
Internet Explorer+8.0
6.85%
スマホ系縛り・OS+バージョンシェア
Android+4.2.2
15.80%
iOS+8.1
14.76%
iOS+7.1.2
10.50%
Android+4.4.2
10.18%
Android+4.1.2
8.55%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-11-04

[ シェアレポート ]2014/10 GAで調べた訪問数に見る

2014年10月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
35.43%
Android
31.44%
iOS
30.23%
Macintosh
2.34%
Linux
0.21%
全 デバイス・ブラウザシェア
Safari
27.32%
Android Browser
24.99%
Internet Explorer
24.42%
Chrome
14.93%
Safari (in-app)
4.17%
全デバイス・ブラウ ザ+バージョンシェア
Android Browser+4.0
24.78%
Internet Explorer+11.0
16.29%
Safari+7.0
11.92%
Safari+8.0
9.78%
Chrome+37.0.2062.124
4.29%
全 デバイス・OS+ブラウザシェア
iOS+Safari
25.73%
Android+Android Browser
24.99%
Windows+Internet Explorer
24.41%
Windows+Chrome
7.88%
Android+Chrome
6.17%
PC系 縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
41.34%
Chrome+37.0.2062.124
11.53%
Internet Explorer+9.0
7.75%
Internet Explorer+8.0
7.59%
Firefox+32.0
6.49%
ス マホ系縛り・OS+バージョンシェア
Android+4.2.2
16.80%
iOS+8.0.2
13.74%
iOS+7.1.2
13.73%
Android+4.4.2
9.41%
Android+4.1.2
9.05%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-10-29

[ GAS ]GoogleスプレッドシートでGAリアルタイムの数値を取得できたっ!!

いつものように暇つぶしがてら、Googleスプレッドシートとスクリプトエディタを開いてGoogleAnalyticsで作ってるレポートを楽にしようとコードを書いていたらヒントで"Realtime : RealtimeCollection"と出てきた!

さらに続けると…

わくわくしながら"ids"にTableIDとしてアナリティクスのview IDを入れて、"metrics"に"rt:activeUsers"といれて、getRows()したのをログ出力させるsampleを作って…
実際はXXXXXXXXXにはちゃんとした値を入れてあります

sample関数を実行してみると…

なんか数字がでたっ!!!
急いでGAを開いてリアルタイム確認すると…

1違うけどこんなの誤差の範囲内だろ?

という事で、Googleスプレッドシートとそのスクリプトでリアルタイムレポートの数字が取れるようになった!

phpとか書いてサーバで動かさないと駄目だから技術に作ってもらわなきゃ…。いつになるかわかんねぇし…。って諦めていたことがこれでお手軽に実装できる\(^o^)/とうれしくなった瞬間でした。

ちなみに、リアルタイム用のメトリックスは"ga:"ではなく"rt:"で始まるもののようなので、そこは注意が必要なようでした。

メトリックス達とかディメンジョン達については以下を参照。
Dimensions & Metrics Reference(リアルタイムレポート用)
なおベータ版であると思われるので仕様が変わったり人によっては使えなかったりするのかもしれないですという事を一応記述しておきます…

2014-10-03

[ シェアレポート ]2014/09 GAで調べた訪問数に見る

2014年9月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
35.92%
Android
31.75%
iOS
29.39%
Macintosh
2.36%
Linux
0.19%
全デバイス・ブラウザシェア
Safari
26.31%
Android Browser
25.48%
Internet Explorer
24.49%
Chrome
14.95%
Safari (in-app)
4.45%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
25.25%
Safari+7.0
18.42%
Internet Explorer+11.0
15.69%
Safari (in-app)+(not set)
4.45%
Chrome+37.0.2062.120
3.15%
全デバイス・OS+ブラウザシェア
Android+Android Browser
25.48%
iOS+Safari
24.73%
Windows+Internet Explorer
24.48%
Windows+Chrome
8.19%
Android+Chrome
5.92%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
39.39%
Chrome+37.0.2062.120
8.35%
Internet Explorer+9.0
8.32%
Internet Explorer+8.0
7.93%
Chrome+37.0.2062.103
5.35%
スマホ系縛り・OS+バージョンシェア
iOS+7.1.2
26.65%
Android+4.2.2
17.27%
Android+4.1.2
9.09%
Android+4.4.2
8.60%
Android+4.0.4
7.58%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-09-03

[ シェアレポート ]2014/08 GAで調べた訪問数に見る

2014年8月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
34.13%
Android
32.10%
iOS
30.97%
Macintosh
2.23%
Linux
0.18%
全デバイス・ブラウザシェア
Safari
27.70%
Android Browser
26.49%
Internet Explorer
23.49%
Chrome
13.71%
Safari (in-app)
4.67%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
26.26%
Safari+7.0
21.57%
Internet Explorer+11.0
15.23%
Safari (in-app)+(not set)
4.67%
Chrome+36.0.1985.143
3.63%
全デバイス・OS+ブラウザシェア
Android+Android Browser
26.49%
iOS+Safari
26.13%
Windows+Internet Explorer
23.48%
Windows+Chrome
7.63%
Android+Chrome
5.26%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
40.41%
Chrome+36.0.1985.143
10.14%
Chrome+36.0.1985.125
9.67%
Internet Explorer+9.0
8.25%
Internet Explorer+8.0
7.95%
スマホ系縛り・OS+バージョンシェア
iOS+7.1.2
28.68%
Android+4.2.2
17.61%
Android+4.1.2
9.27%
Android+4.0.4
7.73%
Android+4.4.2
6.43%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-08-04

[ シェアレポート ]2014/07 GAで調べた訪問数に見る

2014年7月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
34.71%
Android
32.28%
iOS
30.23%
Macintosh
2.27%
Linux
0.18%
全デバイス・ブラウザシェア
Android Browser
27.49%
Safari
27.49%
Internet Explorer
24.01%
Chrome
13.05%
Safari (in-app)
4.00%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
27.20%
Safari+7.0
21.26%
Internet Explorer+11.0
14.97%
Chrome+35.0.1916.153
4.76%
Safari (in-app)+(not set)
4.00%
全デバイス・OS+ブラウザシェア
Android+Android Browser
27.49%
iOS+Safari
25.94%
Windows+Internet Explorer
24.00%
Windows+Chrome
7.70%
Android+Chrome
4.56%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
39.12%
Chrome+35.0.1916.153
13.04%
Internet Explorer+8.0
8.99%
Internet Explorer+9.0
8.49%
Chrome+36.0.1985.125
7.56%
スマホ系縛り・OS+バージョンシェア
iOS+7.1.2
19.99%
Android+4.2.2
18.51%
iOS+7.1.1
11.92%
Android+4.1.2
9.60%
Android+4.0.4
8.58%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-07-03

[ シェアレポート ]2014/06 GAで調べた訪問数に見る

2014年6月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
35.40%
Android
33.01%
iOS
28.85%
Macintosh
2.23%
Linux
0.18%
全デバイス・ブラウザシェア
Android Browser
28.83%
Safari
26.56%
Internet Explorer
24.42%
Chrome
12.64%
Safari (in-app)
3.65%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
28.49%
Safari+7.0
20.10%
Internet Explorer+11.0
15.16%
Chrome+35.0.1916.153
4.08%
Safari (in-app)+(not set)
3.65%
全デバイス・OS+ブラウザシェア
Android+Android Browser
28.83%
iOS+Safari
25.00%
Windows+Internet Explorer
24.42%
Windows+Chrome
7.80%
Android+Chrome
4.07%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
39.67%
Chrome+35.0.1916.153
10.89%
Chrome+35.0.1916.114
9.17%
Internet Explorer+8.0
8.78%
Internet Explorer+9.0
8.29%
スマホ系縛り・OS+バージョンシェア
iOS+7.1.1
28.82%
Android+4.2.2
19.71%
Android+4.1.2
10.41%
Android+4.0.4
9.46%
iOS+7.0.4
4.01%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-06-03

[ シェアレポート ]2014/05 GAで調べた訪問数に見る

2014年5月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
35.59%
Android
33.18%
iOS
28.36%
Macintosh
2.35%
Linux
0.19%
全デバイス・ブラウザシェア
Android Browser
29.10%
Safari
26.24%
Internet Explorer
24.48%
Chrome
12.46%
Safari (in-app)
3.57%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
28.78%
Safari+7.0
19.52%
Internet Explorer+11.0
14.92%
Chrome+34.0.1847.131
3.84%
Safari (in-app)+(not set)
3.57%
全デバイス・OS+ブラウザシェア
Android+Android Browser
29.10%
iOS+Safari
24.60%
Windows+Internet Explorer
24.47%
Windows+Chrome
8.06%
Android+Chrome
3.64%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
38.71%
Chrome+34.0.1847.131
9.96%
Internet Explorer+8.0
8.54%
Internet Explorer+9.0
8.38%
Internet Explorer+10.0
5.95%
スマホ系縛り・OS+バージョンシェア
iOS+7.1.1
24.72%
Android+4.2.2
18.78%
Android+4.1.2
10.77%
Android+4.0.4
10.58%
iOS+7.1
5.96%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-05-07

[ シェアレポート ]2014/04 GAで調べた訪問数に見る

2014年4月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
35.97%
Android
32.48%
iOS
28.55%
Macintosh
2.44%
Linux
0.19%
全デバイス・ブラウザシェア
Android Browser
28.95%
Internet Explorer
27.68%
Safari
26.41%
Chrome
9.68%
Safari (in-app)
3.53%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
28.64%
Safari+7.0
19.23%
Internet Explorer+11.0
16.11%
Internet Explorer+8.0
3.91%
Internet Explorer+9.0
3.71%
全デバイス・OS+ブラウザシェア
Android+Android Browser
28.95%
Windows+Internet Explorer
27.67%
iOS+Safari
24.74%
Windows+Chrome
5.50%
iOS+Safari (in-app)
3.53%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
41.70%
Internet Explorer+8.0
9.96%
Internet Explorer+9.0
9.56%
Chrome+34.0.1847.116
8.36%
Internet Explorer+10.0
7.57%
スマホ系縛り・OS+バージョンシェア
iOS+7.1
24.27%
Android+4.2.2
17.67%
Android+4.1.2
11.11%
Android+4.0.4
10.94%
iOS+7.0.4
6.24%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-04-04

[ シェアレポート ]2014/03 GAで調べた訪問数に見る

2014年3月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
37.30%
Android
32.80%
iOS
26.93%
Macintosh
2.39%
Linux
0.18%
全デバイス・ブラウザシェア
Android Browser
29.34%
Internet Explorer
29.11%
Safari
25.43%
Chrome
9.39%
Firefox
2.95%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
29.09%
Safari+7.0
17.79%
Internet Explorer+11.0
15.54%
Internet Explorer+8.0
5.02%
Internet Explorer+9.0
3.91%
全デバイス・OS+ブラウザシェア
Android+Android Browser
29.34%
Windows+Internet Explorer
29.10%
iOS+Safari
23.77%
Windows+Chrome
5.35%
Android+Chrome
3.26%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
38.80%
Internet Explorer+8.0
12.79%
Internet Explorer+9.0
9.71%
Internet Explorer+10.0
8.33%
Chrome+33.0.1750.154
5.80%
スマホ系縛り・OS+バージョンシェア
Android+4.2.2
16.71%
Android+4.0.4
11.77%
iOS+7.0.6
11.76%
Android+4.1.2
11.57%
iOS+7.1
11.27%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-03-03

[ シェアレポート ]2014/02 GAで調べた訪問数に見る

2014年2月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
37.86%
Android
32.46%
iOS
26.59%
Macintosh
2.44%
Linux
0.20%
全デバイス・ブラウザシェア
Internet Explorer
29.35%
Android Browser
29.19%
Safari
25.00%
Chrome
9.42%
Firefox
3.05%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
29.04%
Safari+7.0
16.67%
Internet Explorer+11.0
9.64%
Internet Explorer+10.0
8.74%
Internet Explorer+8.0
5.42%
全デバイス・OS+ブラウザシェア
Windows+Internet Explorer
29.34%
Android+Android Browser
29.19%
iOS+Safari
23.30%
Windows+Chrome
5.56%
Android+Chrome
3.08%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+11.0
23.55%
Internet Explorer+10.0
21.41%
Internet Explorer+8.0
13.63%
Internet Explorer+9.0
9.83%
Chrome+32.0.1700.107
8.31%
スマホ系縛り・OS+バージョンシェア
iOS+7.0.4
27.45%
Android+4.2.2
14.90%
Android+4.0.4
13.01%
Android+4.1.2
12.02%
Android+2.3.5
3.09%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-02-12

[ js ]jQueryのonとtriggerを使って記述を分離

今さらだけど
jQueryのonとtriggerを使うと必要な処理をエレメントごとに記述できてコードがすっきりするらしい
と知ったのでメモ。

jQueryオブジェクト.on( イベント名, ファンクション )で、jQueryで取得したエレメントにイベント名の処理を追加して、
jQueryオブジェクト.trigger( イベント名 )はイベントを発火させるらしい。

参考サイト
.on() | jQuery API Documentation http://api.jquery.com/on/
.trigger() | jQuery API Documentation http://api.jquery.com/trigger/

イベント名には、clickとかmousemoveとか通常よくつかわれると思うイベント名の他、自作のイベント名も指定できるみたいで、その際はtriggerを使って発火させる。
当たり前だけど、イベント名がclickとかmousemoveの場合はtriggerを使わなくても発火される。

例
数字を入力してaddボタンを押すと、すぐ下にその個数分のテキストボックスのリストを追加する処理を、ボタンに対する処理とリスト追加の処理を分離した感じで書いてみた

  • 1
  • 2

上記のコード
●addボタンには(66行目から)、入力データ取得して数字確認。数字だったら背景黒の部分へ個数を通知(73行目)
●背景黒のulには(76行目から)、通知された数字の個数分テキストボックスのリストを追加

<style>
div#r, div#r * {
 margin: 0;
 padding: 0;
}
div#r {
 background: #ccc;
 width: 400px;
 color: #fff;
}
div#s {
 width: 400px;
 padding: 10px 0;
}
div#s input {
 margin: 0 5px;
}
div#s .n, div#s .add {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 font-size: 1.2em;
 padding: 0 10px;
}
div#t {
 width: 400px;
 background: #000;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
div#t li {
 margin-top: 10px;
 list-style: none;
}
div#t li:last-child {
 margin-bottom: 10px;
}
div#t input {
 font-size: 150%;
 padding: 4px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
</style>

<div id="r">
<div id="s">
<input type="number" value="" name="n" class="n"><input type="button" name="add" class="add" value="add">
</div>
<div id="t">
 <ul>
  <li>1<input type="text"></li>
  <li>2<input type="text"></li>
 </ul>
</div>
</div>

<script>
$( function() {
 var $btn = $( 'div#s > input.add' );
 var $lst = $( 'div#t > ul' );
 var lst_n = $lst.children().length;

 $btn.on( 'click', function( e ){
  var n = $( this ).prev().val();
  if( n === '' || !!isNaN( n ) ){
   alert( '数字を入力してください' );
   return false;
  }

  $lst.trigger( 'listAdd', n );
 } );

 $lst.on( 'listAdd', function( e, n ) {
  for( ; n > 0; n-- ){
   $( this ).append( '<li>' + ( ++lst_n ) +  '<input type="text" /></li>' );
  }
 } );
} );
</script>

この程度だと分ける意味も無いと思うけど、ちょっとMVCっぽい?

2014-02-03

[ シェアレポート ]2014/01 GAで調べた訪問数に見る

2014年1月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
38.04%
Android
31.91%
iOS
26.78%
Macintosh
2.61%
Linux
0.21%
全デバイス・ブラウザシェア
Internet Explorer
29.23%
Android Browser
28.67%
Safari
25.46%
Chrome
9.61%
Firefox
3.23%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
28.57%
Safari+7.0
16.35%
Internet Explorer+10.0
13.69%
Internet Explorer+8.0
5.68%
Safari+6.0
4.65%
全デバイス・OS+ブラウザシェア
Windows+Internet Explorer
29.22%
Android+Android Browser
28.67%
iOS+Safari
23.66%
Windows+Chrome
5.69%
Android+Chrome
3.04%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+10.0
33.15%
Internet Explorer+8.0
13.89%
Internet Explorer+9.0
10.22%
Internet Explorer+11.0
9.99%
Chrome+31.0.1650.63
7.01%
スマホ系縛り・OS+バージョンシェア
iOS+7.0.4
27.66%
Android+4.2.2
13.67%
Android+4.0.4
13.60%
Android+4.1.2
11.53%
iOS+6.1.3
3.33%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2014-01-06

[ シェアレポート ]2013/12 GAで調べた訪問数に見る

2013年12月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
38.34%
Android
32.53%
iOS
26.11%
Macintosh
2.41%
Linux
0.21%
全デバイス・ブラウザシェア
Android Browser
29.62%
Internet Explorer
28.72%
Safari
23.86%
Chrome
9.11%
Safari (in-app)
3.65%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
29.55%
Internet Explorer+10.0
15.39%
Safari+7.0
14.59%
Internet Explorer+8.0
6.07%
Safari+6.0
5.21%
全デバイス・OS+ブラウザシェア
Android+Android Browser
29.62%
Windows+Internet Explorer
28.71%
iOS+Safari
22.19%
Windows+Chrome
5.60%
iOS+Safari (in-app)
3.65%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+10.0
37.48%
Internet Explorer+8.0
14.74%
Internet Explorer+9.0
10.59%
Chrome+31.0.1650.63
10.58%
Firefox+25.0
3.65%
スマホ系縛り・OS+バージョンシェア
iOS+7.0.4
22.74%
Android+4.0.4
15.02%
Android+4.1.2
12.38%
Android+4.2.2
11.14%
iOS+7.0.3
4.11%

計測方法
[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみるのスクリプトで自動送信

全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2013-12-20

[ GAS ]シェアレポートをスクリプトで取得してメール送信させてみる

毎月初めに(勝手に)公開している仕事先のサイトの訪問数による色んなシェア(※参照※)、カスタムレポート作ってそこから数値をペタペタコピペしてたけど、暇つぶしがてらGoogle Analyticsにアクセスして集計してブログに投稿するためのhtmlにしたテキストをメール送信するGoogle Apps Scriptを書いて、毎月3日の適当な時間帯のトリガーで設定することにしてみた。

ソースコードをさらしてみる
コンストラクタは”レポートのタイトル”、”レポートの開始日”、”レポートの終了日”を引数にとる、GAからデータを取得させる関数、メール送信用に文字列を作らせる関数を持ったMonthlyShareというクラス(らしきもの)を準備。Main.gsのmain関数で必要なレポート分だけインスタンスを作って本文を作成させてメールする。
って感じ。
Google Analyticsからデータを取得するAnalytics.Data.Ga.get(ids, start-date, end-date, metrics, optionalArgs)の”ids”にあたるtable idだかprofile IDだかとメール送信先のメールアドレスは「プロジェクトのプロパティ」のユーザープロパティに入れておいた。

UserProperties.getProperty( 'プロパティ名' )
※Google Apps Scriptの準備の仕方とかは調べたほうが詳しく書かれているのがいっぱいあるので、特に記述しない…。

/*****
 * MonthlyShare Class
 * @settings { 'month_first', 'month_last', 'report_title', 'report_max' }
*****/
var MonthlyShare = function( settings ) {
  var a;

  // month_first( 1st of last month )
  a = new Date( this.today.getYear(), this.today.getMonth() - 1, 1 )
  , this.month_first = settings.month_first || Utilities.formatDate( a, 'JST', 'yyyy-MM-dd' )
  ;
  
  // month_last( last day of last manths )
  a = new Date( this.today.getYear(), this.today.getMonth(), 0 )
  , this.month_last = settings.month_last || Utilities.formatDate( a, 'JST', 'yyyy-MM-dd' )
  ;

  // report_title
  this.report_title = settings.report_title || this.report_title;

  // report_max
  this.report_max = settings.report_max || this.report_max;
};

MonthlyShare.prototype = {
  ga_profile_ids: UserProperties.getProperty( 'ga_profile_ids' )
  , today: new Date()
  , month_first: ''
  , month_last: ''
  , report_title: 'Monthly Share Report'
  , report_max: 5
  , report_gadata: {}
  , report_mailtext: ''
  , ga_metrix: ''
  , ga_options: {}

  , gaData: function( met, opt ) {
    this.ga_metrix = met
    , this.ga_options = opt;

    /**
    Analytics.Data.Ga.get(ids, start-date, end-date, metrics, optionalArgs)
    **/
    return this.report_gadata = Analytics.Data.Ga.get( this.ga_profile_ids, this.month_first, this.month_last, met, opt );
  }

  , dimensionMix: function( d ) {
    var a = new Array();

    for( var i = 0, m = d.length, b = 0, s = ''; i < m; i++, s = '' ){
      c = d[ i ].length - 1;

      for( var j = 0; j < c; j++ ){
        if( !!s )
          s += '+';
        s += d[ i ][ j ];
      }
      a.push( [ s, d[ i ][ c ] ] );
    }

    return a;
  }

  , analysisShare: function( d ) {
    var a = new Array()
    , ttl_val = this.report_gadata.getTotalsForAllResults()[ 'ga:visits' ]
    ;

    for( var i = 0, m = d.length, b = 0; i < m; i++ ){
      b = Utilities.formatString( '%.2f', Math.round( d[ i ][ 1 ] / ttl_val * 10000 ) / 100 ) + '%';
      a.push( [ d[ i ][ 0 ], b ] );
    }
    return a;
  }

  , createMailText: function() {
    var a = '', rows, b;

    rows = this.report_gadata.getRows();
    if( rows.lenght <= 0 )
      return '';

    b = rows.slice( 0, this.report_max - 1 );
    if( rows[ 0 ].length > 2 ){
      b = this.dimensionMix( rows )
    }else{
      b = rows;
    }

    b = this.analysisShare( b );

    a += '
' + this.report_title + '
'; for( var i = 0; i < this.report_max; i++ ){ a += '
' + b[ i ][ 0 ] + '
' + b[ i ][ 1 ] + '
'; } a += '
'; return this.mailText( a ); } , mailText: function( s ) { if( !!s ) this.report_mailtext = s return this.report_mailtext; } };
function main() {
  
  var mail_text = ''
  , options = {}
  , month_first
  , month_last
  ;

/*
  // for Test
  var today = new Date();
  month_first = Utilities.formatDate( new Date( today.getYear(), today.getMonth() - 1, 1 ), 'JST', 'yyyy-MM-dd' );
  month_last = Utilities.formatDate( new Date( today.getYear(), today.getMonth(), 0 ), 'JST', 'yyyy-MM-dd' );
  ;
*/
  
  // ----------------
  var ms0 = new MonthlyShare( {
    'month_first': month_first
    , 'month_last': month_last
    , 'report_title': '全デバイス・OSシェア'
  } );
  options = {
    'dimensions': 'ga:operatingSystem'
    , 'sort': '-ga:visits'
  };
  ms0.gaData( 'ga:visits', options );
  mail_text += ms0.createMailText();


  // ----------------
  var ms1 = new MonthlyShare( {
    'month_first': month_first
    , 'month_last': month_last
    , 'report_title': '全デバイス・ブラウザシェア'
  } );
  options = {
    'dimensions': 'ga:browser'
    , 'sort': '-ga:visits'
  };
  ms1.gaData( 'ga:visits', options );
  mail_text += ms1.createMailText();


  // ----------------
  var ms2 = new MonthlyShare( {
    'month_first': month_first
    , 'month_last': month_last
    , 'report_title': '全デバイス・ブラウザ+バージョンシェア'
  } );
  options = {
    'dimensions': 'ga:browser,ga:browserVersion'
    , 'sort': '-ga:visits'
  };
  ms2.gaData( 'ga:visits', options );
  mail_text += ms2.createMailText();
  

  // ----------------
  var ms3 = new MonthlyShare( {
    'month_first': month_first
    , 'month_last': month_last
    , 'report_title': '全デバイス・OS+ブラウザシェア'
  } );
  options = {
    'dimensions': 'ga:operatingSystem,ga:browser'
    , 'sort': '-ga:visits'
  };
  ms3.gaData( 'ga:visits', options );
  mail_text += ms3.createMailText();

  
  // ----------------
  var ms4 = new MonthlyShare( {
    'month_first': month_first
    , 'month_last': month_last
    , 'report_title': 'PC系縛り・ブラウザ+バージョンシェア'
  } );
  options = {
    'dimensions': 'ga:browser,ga:browserVersion'
    , 'sort': '-ga:visits'
    , 'filters': 'ga:deviceCategory==desktop'
  };
  ms4.gaData( 'ga:visits', options );
  mail_text += ms4.createMailText();

  
  // ----------------
  var ms5 = new MonthlyShare( {
    'month_first': month_first
    , 'month_last': month_last
    , 'report_title': 'スマホ系縛り・OS+バージョンシェア'
  } );
  options = {
    'dimensions': 'ga:operatingSystem,ga:operatingSystemVersion'
    , 'sort': '-ga:visits'
    , 'filters': 'ga:deviceCategory==mobile,ga:deviceCategory==tablet'
  };
  ms5.gaData( 'ga:visits', options );
  mail_text += ms5.createMailText();


  // ----------------
  var report_month = Utilities.formatDate( new Date( ms5.month_first.replace( /\-/g, '/' ) ), 'JST', 'yyyy/MMM' );
  MailApp.sendEmail( {
    'to': UserProperties.getProperty( 'mail_to' )
    , 'subject': '[ ' + report_month + ' ]Automatically Monthly Report'
    , 'body': mail_text
  } )
//  Logger.log( mail_text );

};

一番よく見た公式サイトのリファレンスとか
Analytics Service
Dimensions & Metrics Reference
Properties Services
Utilities Service
Mail Service

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2013-12-05

[ js ]css3のアニメーションでアイコン的動きにするjQueryプラグインを作ってみた

コピペで使えるCSS3アニメーション http://jsdo.it/gryng02/css3animation を拝見していて、「New!」が一つずつ大きくなるのが面白いけど、文字が多くなったらcss書くの大変だな。と思ったので指定された場所にcssを適用させるjqueryプラグインを書いてみた。

ま、活用できるかは置いておくとして…。

New!
Conguratulations!
Update!
Topics!

ソース

css(外部ファイルとかでicon_tip.css)

/*

 文字一つ一つにかかるスタイル指定。
  似たような感じでバリエーションを増やしてクラス名を引数で渡す

*/
.icnBgGreen {
	background-color: rgba( 0, 250, 0, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	font-size: 110%;
	padding: 4px;
}
.icnBgRed {
	background-color: rgba( 250, 0, 0, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	font-size: 110%;
	padding: 4px;
}




/*

 アニメーションさせたりするのスタイル指定。
  数字を変更するくらいで基本は変更しなくてよいはず

*/
span#iconTip {
	display: inline;
}
span#iconTip span.icnLetter {
	display: inline-block;
	-webkit-transform-origin: middle center;
	-moz-transform-origin: middle center;
	-ms-transform-origin: middle center;
	-o-transform-origin: middle center;
	transform-origin: middle center;
	-webkit-transform: scale( 1 );
	-moz-transform: scale( 1 );
	-ms-transform: scale( 1 );
	-o-transform: scale( 1 );
	transform: scale( 1 );
	-webkit-animation: 1.3s ease-in-out icnLetterX infinite;
	-moz-animation: 1.3s ease-in-out icnLetterX infinite;
	-o-animation: 1.3s ease-in-out icnLetterX infinite;
	animation: 1.3s ease-in-out icnLetterX infinite;
}
@-webkit-keyframes icnLetterX {
	0% {
		-webkit-transform: scale( 1 );
	}
	70% {
		-webkit-transform: scale( 1 );
	}
	85% {
		-webkit-transform: scale( 1.5 );
	}
	100% {
		-webkit-transform: scale( 1 );
	}
}
@-moz-keyframes icnLetterX {
	0% {
		-moz-transform: scale( 1 );
	}
	70% {
		-moz-transform: scale( 1 );
	}
	85% {
		-moz-transform: scale( 1.5 );
	}
	100% {
		-moz-transform: scale( 1 );
	}
}
@-o-keyframes icnLetterX {
	0% {
		-o-transform: scale( 1 );
	}
	70% {
		-o-transform: scale( 1 );
	}
	85% {
		-o-transform: scale( 1.5 );
	}
	100% {
		-o-transform: scale( 1 );
	}
}
@keyframes icnLetterX {
	0% {
		transform: scale( 1 );
	}
	70% {
		transform: scale( 1 );
	}
	85% {
		transform: scale( 1.5 );
	}
	100% {
		transform: scale( 1 );
	}
}

JavaScript(外部ファイルとかでjquery.icon_tip.js)

;

( function( $ ) {

    $.fn.iconTip = function( config ) {
        var defaults = {
            elem: 'span'
            , iconTipId: 'iconTip'
            , class: 'icnBgGreen'
            , letterClass: 'icnLetter'
        };

        var options = $.extend( defaults, config );

        return this.each( function() {
            var $one = $( this )
            , one_txt = $one.text()
            , $icon_tip = $( document.createElement( options.elem ) ).attr( 'id', options.iconTipId );

            $.each( one_txt.split(''), function( i, s ) {
                var delay = 0 + ( i / 10 ) + 's';
                var cssprop = {
                    'webkitAnimationDelay': delay
                    , 'mozAnimationDelay': delay
                    , 'oAnimationDelay': delay
                    , 'animationDelay': delay
                };
                $icon_tip.append( $( document.createElement( options.elem ) ).text( s ).addClass( options.class ).addClass( options.letterClass ).addClass( options.letterClass + ( i + 1 ) ).css( cssprop ) );
            } );

            $one.contents().remove();
            $one.append( $icon_tip );
        } );
    };

} )( jQuery );

HTMLと実行部分

New!
Conguratulations!
Update!
Topics!
<script> $( '#new' ).iconTip(); $( '#cong' ).iconTip( {class:'icnBgRed'} ); $( '#upd' ).iconTip(); $( '#topics' ).iconTip( {class:'icnBgRed'} ); </script>

classをキー、クラス名を値にした連想配列を引数で渡すと一文字ずつspanのclassにくっつきます。デフォルトは、上記cssの

.icnBgGreen {
	background-color: rgba( 0, 250, 0, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-weight: bold;
	font-size: 110%;
	padding: 4px;
}
2種類、3種類バリエーションを増やしたい時は似たようなスタイルシートのクラスを作って引数で渡す。

あとは、適宜数字をいじれば…。

2013-12-03

[ シェアレポート ]2013/11 GAで調べた訪問数に見る

2013年11月 仕事先のサイト(国内)の訪問数による色んなシェア 上位5つ(GA調べ)
(注意)特殊な媒体なので時期によってPC、スマホの割合が非常に上下します

全デバイス・OSシェア
Windows
41.22%
Android
31.20%
iOS
24.25%
Macintosh
2.59%
Linux
0.34%
全デバイス・ブラウザシェア
Internet Explorer
31.10%
Android Browser
28.59%
Safari
22.77%
Chrome
9.42%
Firefox
3.14%
全デバイス・ブラウザ+バージョンシェア
Android Browser+4.0
28.53%
Internet Explorer+10.0
17.29%
Safari+7.0
12.89%
Internet Explorer+8.0
6.92%
Safari+6.0
5.98%
全デバイス・OS+ブラウザシェア
Windows+Internet Explorer
31.09%
Android+Android Browser
28.59%
iOS+Safari
20.98%
Windows+Chrome
6.04%
iOS+Safari (in-app)
3.02%
PC系縛り・ブラウザ+バージョンシェア
Internet Explorer+10.0
39.10%
Internet Explorer+8.0
15.47%
Internet Explorer+9.0
11.15%
Chrome+30.0.1599.101
6.90%
Chrome+31.0.1650.57
6.49%
スマホ系縛り・OS+バージョンシェア
Android+4.0.4
15.95%
iOS+7.0.3
14.26%
Android+4.1.2
12.66%
Android+4.2.2
8.74%
iOS+7.0.4
7.48%

計測方法
全てGAのカスタムレポート

全デバイス・OSシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム
全デバイス・ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ
全デバイス・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
全デバイス・OS+ブラウザシェア
指標グループ:訪問数
ディメンションの詳細:オペレーティングシステム → セカンダリ ディメンション:ブラウザ
PC系縛り・ブラウザ+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"No"を選択>ブラウザ → セカンダリ ディメンション:ブラウザのバージョン
スマホ系縛り・OS+バージョンシェア
指標グループ:訪問数
ディメンションの詳細:モバイル(タブレットを含む)※"Yes"を選択>オペレーティング システム → セカンダリ ディメンション:OSのバージョン

何か間違えていたら指摘していただけると…


そして、誰かの何かの参考になれば…

2013-12-02

2013-11-26

[ GA ]疑問:Universal Analyticsにアップグレードしたプロパティで… ※2013/11/28更新

先週Universal Analyticsへアップグレードし、トラッキングコードも書き直したプロパティだけど、以前のトラッキングコードとUniversal Analyticsのコードを併用したら(共存させたら)数値はどうなるんだろ?と思ったのでやってみた
ま、どうせダブルカウントされるんでしょ?と思いつつ…

ソース書き換えたコードのスクリーンショット。ってゆうか、コメントアウトしてただけだから復活させただけ。

トップページにアクセスして4回リロードしたから5PVが正しいはずだけど後日確認してみる。

ちなみに、これで"5"となれば以前のトラッキングコードをそのまま有効にしていても問題ない訳で。
という事は、以前のトラッキングコードのonclick="_gaq.push()"とかやっていたりしたトラッキングのを急いで変更する必要はなくUniversal Analyticsへ移行できるのではないかと。。。

ま、もし駄目でも、以前のトラッキングコードの_gaq.push(['_trackPageView'])の部分だけコメントアウトすればいいんだなと思ってみた次第で…
そしたら、やっぱり「Universal Analytics使いたいけど、onclickの変更するの大変だし…」というのも気にする事無くアップグレードできる訳で。。。

ちなみに、Universal Analyticsへアップグレードしてみた時のメモはこちら→[ GA ]Universal Analyticsにアップグレードしてみる

※2013/11/27更新
数値を確認してみた。

"9"!?まさかの奇数!?ってゆうか何回リロードしたっけ???
本日もう一度トップページにアクセスして、4回リロードをしておいたので、また後日。。。

*GAのリアルタイムで見ればいいという話もありますが、そこはちゃんと…。

※2013/11/28更新
数値を確認してみた。

今度こそ想像通り10!やっぱりダブルカウントされるという事で。

せっかくだから、以前のトラッキングコードの_gaq.push(['_trackPageView'])の部分をコメントアウトしてしまえば。という事にしておけばギリギリまで色々と便利なのかなと…

2013-11-15

[ GA ]Universal Analyticsにアップグレードしてみる ※2013-11-21完結

以前の投稿の追記で書いてたけど、Google AnalyticsからUniversal Analyticsへとデータを失うことなくアップグレードできるようになったみたいなので、大昔に作ったBloggerでのブログで試してみたメモ

※参考にしたサイト※
Universal Analytics アップグレード センター - アップグレード ガイド

Google Analyticsでの数字

最近のアクセスを記録させるために11/8と11/12にアクセスしておいた

ステップ 1: プロパティの移行

”アナリティクス設定”でアップグレードしたいプロパティの下に”Universal Analytics アップグレード”と表示されてるのでクリック

クリックすると”Universal Analytics アップグレード”の画面が現れるので一応読んでから”続行”をクリック

「ほんとにいいの~?」が表示されるので一応読んで、迷わず”続行”をクリック

”Universal Analytics アップグレード”の画面に戻り”プロパティの移行処理中です”が表示されたので、書いてある通り24~48時間待つ事にする

”プロパティの移行処理中です”の下に地味に”タイムアウト設定を表示”とあったからクリックしてみた。今のところ気にしないのでデフォルトのまま

ステップ 2: トラッキング コードの更新(任意)

まだ表示されないので後日作業予定&記事更新。。。
2013/11/18更新
アナリティクス設定画面の該当のプロパティで”移行が完了しました”と表示された!

”トラッキング コードを取得”ボタンが押せるようになった

Universal Analyticsのトラッキング コードが表示されたので、既存のコードをこれに書き換えれば完了!のはず


コードを書き換える前に…。

データ確認

後日確認&更新予定。。。
2013/11/18更新
PV数を確認したらデータがそのままになっていた!けど、11/15にアクセスしたと思われるのが記録されていない…?
なので、トラッキングコードを書き換える前にもう一度アクセスしてみて、後日数字が出るか確認する
2013/11/19更新
11/18にアクセスした分が記録されてた! のでコードを書き換える

ところで、移行処理中はアクセス数とかのデータはどうなるんだろ。。。
ま、記事下記ながらアクセスしてるし、そのうちわかるか…

2013/11/18更新
2013/11/15にアクセスしたと思ったけど、数字が出てなかったので11/18にアクセスしてみた

(あらためて) ステップ 2: トラッキング コードの更新(任意)

Analytics管理画面で表示されているUniversal Analyticsのトラッキング コードをコピー

大昔につくったBloggerのテンプレート編集画面で

該当部分のコードを書き換えて保存

アクセスしてコードが置き換わっているのを確認

(あらためて) データ確認

後日確認&更新予定。。。 2013/11/21更新
11/19にアクセスした分が記録されており、当然ながら11/8と11/12にアクセスした数値も残ってる

雑記

Universal Analyticsへのアップグレードは、作業自体はそんなに大変なものではなかった。

が、例えば「タグを一か所で管理できていない」、「CMSが導入されていない」などの手張りでタグが書かれている場合、全てのページの書き換えは非常に困難に。。。

さらに、イベント記録とかで各要素のonclickにjsを記述していてそれらを全て書き換える必要がある場合はもっと最悪な事態が発生する事に…。

そういう場合はいっそこの機会に、イベント記録用の関数を作ってそこの修正で済むように作りなおすとか考えたほうが…。
(私が仕事で面倒みているサイトは…。ほおっておこう。。。)

Universal Analytics関連を投稿していたせいか、一桁だった訪問数がここ最近は十台になったり、初めて+1がついたりして中の人は喜んでおります←

index