SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

新着記事一覧を見る

連載記事

おすすめのイベント

おすすめの講座

おすすめのセミナー

マーケティングは“経営ごと” に。業界キーパーソンへの独自取材、注目テーマやトレンドを解説する特集など、オリジナルの最新マーケティング情報を毎月お届け。

『MarkeZine』(雑誌)

第110号(2025年2月号)
特集「イマドキの中高生・大学生のインサイトを探る」

MarkeZineプレミアム for チーム/チーム プラス 加入の方は、誌面がウェブでも読めます

MarkeZine BOOKS(マーケジン・ブックス)は、激動の時代を生き抜くビジネスパーソンに向けた、マーケティング分野の新しい定番書シリーズです。

書評

'); googletag.cmd.push(function() { googletag.pubads().addEventListener('slotRenderEnded', function(e) { var ad_id = e.slot.getSlotElementId(); if (ad_id == 'div-gpt-ad-1652255827456-0') { var ad = $('#'+ad_id).find('iframe'); if ($(ad).width() == 728) { var ww = $(window).width(); ww = ww*0.90; var style = document.createElement("style"); document.head.appendChild( style ); var sheet = style.sheet; sheet.insertRule( "#div-gpt-ad-1652255827456-0 iframe {-moz-transform: scale("+ww/728+","+ww/728+");-moz-transform-origin: 0 0;-webkit-transform: scale("+ww/728+","+ww/728+");-webkit-transform-origin: 0 0;-o-transform: scale("+ww/728+","+ww/728+");-o-transform-origin: 0 0;-ms-transform: scale("+ww/728+","+ww/728+");-ms-transform-origin: 0 0;}", 0 ); sheet.insertRule( "#div-gpt-ad-1652255827456-0 div{ height:"+(90*ww/728)+"px;width:"+728+"px;}", 0 ); } else { if ($(window).width() < 340) { var ww = $(window).width(); ww = ww*0.875; var style = document.createElement("style"); document.head.appendChild( style ); var sheet = style.sheet; sheet.insertRule( "#div-gpt-ad-1652255827456-0 iframe {-moz-transform: scale("+ww/320+","+ww/320+");-moz-transform-origin: 0 0;-webkit-transform: scale("+ww/320+","+ww/320+");-webkit-transform-origin: 0 0;-o-transform: scale("+ww/320+","+ww/320+");-o-transform-origin: 0 0;-ms-transform: scale("+ww/320+","+ww/320+");-ms-transform-origin: 0 0;}", 0 ); sheet.insertRule( "#div-gpt-ad-1652255827456-0 div{ height:"+(180*ww/320)+"px;width:"+320+"px;}", 0 ); } } } }); }); } else { document.write('
'); document.write('
'); }
Google アナリティクスのすべらない話

「HTTP」「Cookie」「参照元」「動的コンテンツ」…あなたは正しく理解していますか? マーケターが知っておくべきWeb技術キホンのキ


 この記事ではWebマーケティングに従事する方々が、アクセス解析を活用するために最低限知っておくべきWeb技術の基礎知識について紹介します。

Webについて

 マーケターの方々の中には、Webサイト開発に接する経験が少ないために、技術に対して苦手意識をお持ちの方もいらっしゃるかと思います。アクセス解析業務などを円滑に進めるためには、Web技術を正しく理解しておくことが大切です。本稿ではWeb技術、主にアクセス解析業務に関連した事柄をわかりやすく解説していきたいと思いますので、お付き合いください。

Web(www)の語源

 Webサイトの「Web」の語源である「World Wide Web」は、1980年代にCERN(セルン:欧州合同素粒子原子核研究機構)に所属していたティム・バーナーズ・リーによって開発されました。ハイパーテキストと呼ばれる、複数の文書(テキスト)を相互に結び付けたテキストをインターネットで流す仕組みで、これにより世界中の大学や研究所に分散する情報を共有することが可能となりました。その相互の結びつき(リンク)が蜘蛛の巣のように見えたことから、「世界中に張り巡らされた蜘蛛の巣」という意味でWorld Wide Webと名づけられました。

World Wide Webのイメージ
World Wide Webのイメージ

 World Wide Webで配信されるハイパーテキストのことを「Webページ」と呼び、特定のドメイン(組織)の下に集合したWebページ群のこと「Webサイト」と呼びます。

WebサーバとWebブラウザの関係

 Webサイトを公開するには、Web(WWW)サーバと呼ばれる環境が必要となります。サーバとは、データの提供など他のシステムにサービスすることを目的としたコンピュータのことで、Webサーバとは文字通り「WWWをサービスするコンピュータ」となります。

 逆に、一般の利用者(ユーザー)がWebサイトにアクセスするには、Webブラウザと呼ばれるソフトが必要となります。インターネットエクスプローラー・Chrome、FireFox、Safariが有名なところでしょう。これらのソフトは、WebサーバにWebページを要求し、受け取ったハイパーテキスト(HTML)を人間がわかりやすい形で描写(レンダリング)します。

World Wide Webのイメージ
World Wide Webのイメージ

HTMLについて

タグによって記述されるWebページ

 WebページはHTML(Hyper Text Markup Language:ハイパーテキスト記述言語)と呼ばれる言語で作成します。HTMLでは、ページに関する情報やコンテンツをタグと呼ばれる「<>」を用いて記述します。ページの見出しなら「<h1>~</h1>」、段落なら「<p>~</p>」、といった具合です。タグで囲まれた各部分を要素を呼びます。

HTMLのイメージ
HTMLのイメージ

 HTMLは、ページのタイトルや文字コードなど「ページに関する情報」が記載されているHTMLヘッダと、ページの内容そのものを含むHTMLボディの2つに分かれます。「ページに関する情報」というのがピンと来ない方は、「書籍の末尾にある『奥付』みたいなもの」と考えるとわかりやすいでしょう。

書籍の奥付
書籍の奥付

高度なビジュアル表現を支えるHTMLの技術

 文字だけで構成されたWebページは味気ないため、HTMLには動画や画像など文字以外の情報を埋め込むことができます。また、ページの見出しや文章の見た目を調整するCSSや、アニメーションを表現するFlashなど、高機能で表現力豊かなWebページを実現するための技術が活用されています。

WebページとHTML
WebページとHTML

JavaScript

 JavaScriptとは、Webブラウザで動作するプログラミング言語のことで、Webページ上で計算(演算)結果を出力するために使われます。HTMLに「1+1」と記載すればブラウザには「1+1」とそのまま表示されますが、JavaScriptを使うことで「2」という計算結果を出力できます。下記はブラウザでJavaScriptを実行した結果となります。ちなみに、「document.write()」とは「ページに文字を出力しなさい」というJavaScriptの命令(関数)です。

JavaScriptの実行結果
JavaScriptの実行結果

会員登録無料すると、続きをお読みいただけます

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
    ※プレミアム記事(有料)は除く
  • ・会員限定メルマガを受信できます

メールバックナンバー

次のページ
HTTPについて

この記事は参考になりましたか?

  • Facebook
  • X
  • Pocket
  • note
Google アナリティクスのすべらない話連載記事一覧

もっと読む

この記事の著者

海老澤 澄夫(エビサワ スミオ)

株式会社イー・エージェンシー データインテリジェンス部 技術主幹

Google アナリティクス プレミアムの販売導入・コンサルティングを担当。
詳しくはお問い合わせください。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

MarkeZine(マーケジン)
2013/12/10 22:09 https://markezine.jp/article/detail/18554
' ); }

Special Contents

PR

' ); document.write(''); } $(window).on('load', function() { // 中身が無い広告でslotOnloadを通らない場合がある var show_ad = 0; dfp_special.map(function(ad_id) { var ad_special_flag = 0; var ad = $('#'+ad_id[0]).find('iframe').last(); var contents = ad.contents(); if (contents.find('body').length === 0 || !contents.find('body').html()) { $('#ad_special_' + ad_id[0]).remove(); $('#ad_special_' + ad_id[0]).attr('class', 'noad'); } else { show_ad++; } }); if (show_ad == 0) { $('.ad-special-wrap').hide(); } }); } else { $('.ad-special-wrap-sp').hide(); }

Job Board

PR

' ); document.write(''); } $(window).on('load', function() { // 中身が無い広告でslotOnloadを通らない場合がある var show_ad = 0; dfp_job_board.map(function(ad_id) { var ad = $('#'+ad_id[0]).find('iframe').last(); var contents = ad.contents(); if (contents.find('body').length === 0 || !contents.find('body').html()) { $('#' + ad_id[0]).remove(); //$('#' + ad_id[0]).attr('class', 'noad'); } else { show_ad++; } }); if (show_ad == 0) { $('.ad-job-board-wrap').hide(); $('.ad-job-board-wrap-sp').hide(); } }); } else { $('.ad-job-board-wrap-sp').hide(); }

おすすめ

イベント

新規会員登録無料のご案内

メールバックナンバー

アクセスランキング

  1. 1
    予算ゼロ・超少人数で開始→登録者数15万人超へ。「くら寿司」に聞くショート動画戦略 NEW
  2. 2
    こんな機能が欲しかった!博報堂プロダクツ「Cocollet」で作る、心を掴むNFTプロモーション NEW
  3. 3
    生成AI時代のBtoB×コンテンツマーケはどうなる?トヨクモ・ウイングアーク1stから学ぶ勝ち筋
  4. 4
    カギは生活者との「信頼」──Accenture Life Trendsが示す5つのトレンドを読み解く
  5. 5
    9割が新規、カテゴリー全体が伸長!マツキヨココカラPBの好調支えるデータ×リサーチの商品開発 NEW
  1. 6
    「無名の新人」から「ブランド資産」へ 。企業キャラクターの開発・育成の教科書【お薦めの書籍】
  2. 7
    人気が絶えない丸亀製麺の成長を支える、感性×データサイエンスのマーケティングとは
  3. 8
    AIエージェントで、人々の生活はどう変わる? NEW
  4. 9
    テレビ業界のビジネスは変われるか 奥律哉氏に聞く、地上波の“その先”のサービス
  5. 10
    費用対効果が合わない原因はコレだった!BtoBマーケにおける2種類の「階段設計」を使いこなせ

アクセスランキング

  1. 1
    予算ゼロ・超少人数で開始→登録者数15万人超へ。「くら寿司」に聞くショート動画戦略 NEW
  2. 2
    こんな機能が欲しかった!博報堂プロダクツ「Cocollet」で作る、心を掴むNFTプロモーション NEW
  3. 3
    生成AI時代のBtoB×コンテンツマーケはどうなる?トヨクモ・ウイングアーク1stから学ぶ勝ち筋
  4. 4
    カギは生活者との「信頼」──Accenture Life Trendsが示す5つのトレンドを読み解く
  5. 5
    9割が新規、カテゴリー全体が伸長!マツキヨココカラPBの好調支えるデータ×リサーチの商品開発 NEW
  6. 6
    「無名の新人」から「ブランド資産」へ 。企業キャラクターの開発・育成の教科書【お薦めの書籍】
  7. 7
    人気が絶えない丸亀製麺の成長を支える、感性×データサイエンスのマーケティングとは
  8. 8
    AIエージェントで、人々の生活はどう変わる? NEW
  9. 9
    テレビ業界のビジネスは変われるか 奥律哉氏に聞く、地上波の“その先”のサービス
  10. 10
    費用対効果が合わない原因はコレだった!BtoBマーケにおける2種類の「階段設計」を使いこなせ
  1. 1
    Instagramが指名検索に効いていた!「なんとなく」を「確信」に変えた森塾の効果検証を紹介
  2. 2
    生成AI時代、SEOってまだ必要?Googleアルゴリズムの今昔&基礎知識
  3. 3
    リサーチ組織の改革で「さけるチーズ」の売上が過去最高に!雪印メグミルクが語る正しいインサイトの捉え方
  4. 4
    クリエイティブ運用はセオリーが大きく変化している?オプト直伝、Instagram広告「類似度」攻略法
  5. 5
    5ヵ月で売上が計画比の約130%!ファンケルが新商品開発に向けて取り組んだ、10回の消費者調査の裏側
  6. 6
    VoC起点のアップデートで広告効果を大幅改善!営業と開発が連携したスマートニュースの新組織とは?
  7. 7
    人気が絶えない丸亀製麺の成長を支える、感性×データサイエンスのマーケティングとは
  8. 8
    購買につながる送客を実現 楽天市場の購買データとCriteoエンジンを掛け合わせた新たな活用方法
  9. 9
    インサイト発見はセンスではない?実績豊富なマーケターが行う思考法「出世魚モデル」とは【お薦めの書籍】
  10. 10
    バズるOOHの法則 4年間の「広告巡礼」から見えた話題化に欠かせない三要素
  1. 1
    【業界人間ベム】2025年・広告マーケティング業界7つの予測
  2. 2
    【業界人間ベム】テレビから広告予算が一斉に引く。その先に起きること
  3. 3
    「ペルソナ」を作ると失敗する? Z世代向けマーケティングの勘違い
  4. 4
    2025年は「マーケティングの本質」に立ち戻る―AI時代こそ見直される「人」の価値―
  5. 5
    【広告業界予測 2025年】激変する業界地図の中で勝ち残るために
  6. 6
    もはや「トレンド」の概念すらなくなる?Z世代の企画屋今瀧健登氏による2025年の変化予測
  7. 7
    「DE&I」の潮流に、縮小への方向転換が起こる可能性
  8. 8
    「フジテレビは今こそCM枠を減らせ!」横山隆治氏が提案する、これからのテレビの戦い方
  9. 9
    【2024年を振り返る】今年、世界の広告トレンドを牽引した10のキャンペーン
  10. 10
    「100人に1人刺さる」企画が数字をつくる、らしさを追求したヤッホーブルーイングのSNS運用