For Want Of A Better Word

[js][GoogleAnalytics]GoogleAnalyticsのタグについて整理

   

googleAnalyticsのタグの中身ってなにやっているの…という所の確認。

ユニバーサルアナリティクスのanalytics.jsについて。

公式ドキュメントはGAの下記参照

https://developers.google.com/analytics/devguides/collection/analyticsjs/how-analyticsjs-works?hl=ja

 

どんな動きをしているの?(タグそのものについて)

以下、ページに貼り付けるタグにコメントをつけたもの。

雰囲気だけですが。

 

大枠として

という記法でその場で無名関数を実行。

引数として、

を渡していると。

内部でちょくちょくでる「||」は三項演算子的な挙動の様子。

やっていることはシンプルにみると

引数のデータを保存して、「//www.google-analytics.com/analytics.js」を読み込んでいる

ということ。

jsを読み込むと ga()(コマンドキュー)が生成されるので、以後それを操作して

・ga(‘create’)で、トラッカーを生成し

・ga(‘send’)でトラッカーを送信する

と。

最終的にどうやってデータをgoogle側に渡しているの?

で個人的に気になっていたのはここ。

ga.jsのときはutmXXというパラーメータをつけた透過gifへのリクエストとして送信されていたはずだが..

 

ヒットは、クエリ文字列としてエンコードされたフィールドと値のペアからなる HTTP リクエストで、Measurement Protocol に送信されます。

analytics.js が使用されているページを読み込む際に、ブラウザのデベロッパー ツールを開いておくと、送信されるヒットを [Network] タブで確認できます。google-analytics.com/collect に送信されたリクエストを探してください。

 

“://google-analytics.com/collect “へのパラメータとして送信されると。

で、これもgifファイルということで大きく仕組みは変わっていない様子。

 

また、リマーケティング機能を追加した場合には送信先は

“//stats.g.doubleclick.net/collect “に変更になる様子。

でこのリクエストは

img要素のsrc属性にこのURLをつけると。

 

 

 

 - javascript | js

  関連記事

【js】cookieから名前指定で値を取る。

 

【画像で認証リンクまとめ】入力フォームスクリプト対策で画像の数値・文字列を入力して認証するやつ (キャプチャ認証・イメージ認証・画像認証)

Googleとかいろんなフォームで採用されているあれ。 そもそもなんて言えばよい …

[js]現在時刻の取得(yyyy-mm-dd hh:mi:ss)

意外と面倒くさかったのでメモメモ。     [crayon- …

[javascript|js]テーブルソート/フィルタ ライブラリお気に入り

Data table こいつはマジで便利。 http://holt59.gith …

jQueryでライブラリを読んだときに、読み込めているかチェック。

特定のページだけでライブラリを読んでいて、でも、実行側のjsは共通部品として入っ …