Adobe Analytics

Adobe Analytics 原理①

近年、Web解析の必要性が広く認知されるようになり
多くのWebサイトが解析ツールをサイトに導入するようになった。
Web解析ツールで主流なのが、Googleが提供しているGoogle Analyticsと
Adobeが提供しているAdobe Analyticsだ。
Adobe Analyticsは有料だが、Google Analyticsとは異なり分析やデータ量に制限がなく
より詳細にWebサイトを分析することが可能な非常に強力なツールであり
エクスチュアでは主にAdobe Analyticsを使った解析サービスが主流である。
 
さて、Adobe Analyticsはどのような原理でデータを収集しているのだろうか。
 
まずは我々がブラウザ(インターネットエクスプローラー、Google Chromeなど)を使って
Webサイトを見る際、背後でどのようなことが行われているのかを簡単に確認しておこう。
 
ブラウザは、まず、URLで指定されたページの情報が保存されているサーバーから
GETリクエストによりそのページのhtmlファイルを取得する。
このhtmlファイルこそががwebページの実体であるわけだが、htmlファイルそのものはただの文字列だ。
ブラウザはhtmlファイルを順に読み解きながら、文字サイズを調整したり
必要な画像などを適宜取得して(これもGET リクエスト)、我々に表示する画面を構成していくことになる。
 
これを踏まえてAdobe Analyticsの原理に迫ろう。
 
Adobe Analyticsの実体はhtml上に埋め込まれた、”s_code.js”というJavaScriptファイルである。
ブラウザがhtmlファイルを順に読み込んでいき
スクリプトタグによってhtml上に埋め込まれたs_code.jsファイルにたどり着くと
そこに書かれたJavaScriptのコードが実行される。そのコード内で定義されているs.t()という関数により
ブラウザはAdobeのデータ収集用サーバーへ向けてGETリクエストを送ることとなるのだが
その際のURLにからくりがあり、URL上に文字列として
どのようなページを見たのか、直前にどのようなページを見ていたのか、などといった情報が記載されている。
Adobeのデータ収集用サーバーは送られてきたURLを解析し、データを記録する、というわけだ。
 
なお、このGETリクエストによってAdobeのサーバーは2*2ピクセルの透明なgifファイルを送ってくる。
Adobeのサーバーに情報を送ることを、イメージリクエスト、と呼ぶことがあるのはこのためだ。
 
さて、百聞は一見にしかず。
実際にどの部分がAdobeのデータ収集用サーバーへのGETリクエストなのかを
Google ChromeのDeveloper Tools(WindowsならF12で起動する)で確認してみよう。
 
エクスチュアのサイトにアクセスした場合、どれがイメージリクエストにあたるのだろうか。
Developer ToolsのNetworkの欄を見れば、
ブラウザがどのようなGETリクエストを送って画面を構成したのかが確認できる。
その中に特に長いURLがあるのに気づくだろうか。
 
blog1_1
 
計1180文字にも及ぶこのURLこそがAdobeのサーバーにブラウザが送ったGETリクエストの宛先なのである。
URLを見ると、?の後ろにたくさんの文字列が並んでいることが分かる。?以降の文字列をURLパラメータと言い
これをURLの末尾につけることでサーバーに情報を送ることができる、という仕組みだ。
&マークに区切られて、たくさんのパラメタがサーバーに送られていることが確認できるだろう。
Developer Toolsを使えばそれらのパラメタをパースされた状態で確認できる。
 
blog1_4
 
そしてこのGETリクエストの結果が次。
2*2ピクセルの透明なgifファイルが取得されたことが分かる。
blog1_2
 
最後にGETリクエストの送信先のIPアドレスが本当にAdobeのものか調査してみよう。
blog1_3
Lehi, Utah,United States.
アメリカのAdobeのサーバーに正しく送られているようだ。
 
インターン生 薄井

訪問回数 とは-Adobe Analyticsの指標説明前のページ

「Power BI」を用いたダッシュボードの作成!②次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Adobe Analytics

    Adobe AEP SDKでReactNativeアプリを計測する (Android編)

    こんにちは、エクスチュアの権泳東(コン・ヨンドン)です。今回は…

  2. Adobe Analytics

    離脱リンクとは-Adobe Analyticsの指標説明

    今回は離脱リンクについて説明いたします。離脱リンクとはリンクにより…

  3. Adobe Analytics

    はじめてのAdobe Analytics実装②

    前回勉強した内容をもとに、今回は実際にエクスチュアのs_code.js…

  4. Adobe Analytics

    【超わかる】WEB解析の全貌

    はじめにこんにちは!インターン生の與那覇(ヨナハ)です今回は時代の…

  5. Adobe Analytics

    AdobeAnalytics:WordPressやHTML5内の動画を計測する

    こんにちは、エクスチュアの鈴木です。Adobe Analyti…

  6. Adobe Analytics

    Adobe Analytics 3つの主要指標

    こんにちは!インターンの藤本です。今日はAdobe Analytic…

カテゴリ
最近の記事
  1. Dataformでtype:’increment…
  2. dbt Projects on SnowflakeをTASK…
  3. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  4. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  5. TableauとSnowflakeを接続する方法
  1. IT用語集

    インスタンス(化)(Instance)って何?
  2. Google BigQuery

    Treasure DataからBigQueryにデータを移動させる方法
  3. Mouseflow

    訪問者の不満を見つける
  4. Amazon Web Services

    Databricks Community Editionを使ってApache S…
  5. KARTE

    KARTE:指定期間の来訪が再訪問の場合にスコアリングする
PAGE TOP