SHOEISHA iD

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

新着記事一覧を見る

連載記事

MarkeZine Day(マーケジンデイ)は、マーケティング専門メディア「MarkeZine」が主催するイベントです。 「マーケティングの今を網羅する」をコンセプトに、拡張・複雑化している広告・マーケティング領域の最新情報を効率的にキャッチできる場所として企画・運営しています。

直近開催のイベントはこちら!

MarkeZine Day 2026 Online

'); 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の実行結果

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

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

  • ・全ての過去記事が閲覧できます
    ※プレミアム記事(有料)は除く
  • ・会員限定メルマガを受信できます
  • ・翔泳社の本が買える!
    500円分のポイントをプレゼント

メールバックナンバー

次のページ
HTTPについて

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

  • Facebook
  • X
  • 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
    販売点数が昨対比大幅アップ!森永製菓「inゼリー」が実践した、データドリブンなOOH施策の全貌 NEW
  2. 2
    AIは“第3の当事者”へ。マツダのDX/AX・電通の未来視点とアドビが示すマーケティング変革の最前線
  3. 3
    メーカーが人生の伴走者になるには?サントリーウエルネスが実践する、アプリ継続を生む温もりあるCX
  4. 4
    BtoBマーケティングのリサーチはBtoCと何が違う?ハマりやすい2つの落とし穴 NEW
  5. 5
    チームで共有したい、マーケティングの「共通言語」を作る4冊 NEW
  1. 6
    おもちゃからスポーツへ。世界累計4,000万個出荷「BEYBLADE X」リブランディングの要諦
  2. 7
    「良い売上」をもたらすのは誰か?顧客を理解するためのフレームワーク NEW
  3. 8
    インバウンド施策に力を入れる伊藤園、海外顧客の声をどう捉える?AI時代の「顧客の声」の捉え方
  4. 9
    BMWが「クルマと音声メディアの親和性」を証明。Spotify×人流データによるディーラー送客促進
  5. 10
    戦略系UGCマーケティングAGとしてやり切っていく――ウィングリットに聞いた「UGC戦略の設計思考」

アクセスランキング

  1. 1
    販売点数が昨対比大幅アップ!森永製菓「inゼリー」が実践した、データドリブンなOOH施策の全貌 NEW
  2. 2
    AIは“第3の当事者”へ。マツダのDX/AX・電通の未来視点とアドビが示すマーケティング変革の最前線
  3. 3
    メーカーが人生の伴走者になるには?サントリーウエルネスが実践する、アプリ継続を生む温もりあるCX
  4. 4
    BtoBマーケティングのリサーチはBtoCと何が違う?ハマりやすい2つの落とし穴 NEW
  5. 5
    チームで共有したい、マーケティングの「共通言語」を作る4冊 NEW
  6. 6
    おもちゃからスポーツへ。世界累計4,000万個出荷「BEYBLADE X」リブランディングの要諦
  7. 7
    「良い売上」をもたらすのは誰か?顧客を理解するためのフレームワーク NEW
  8. 8
    インバウンド施策に力を入れる伊藤園、海外顧客の声をどう捉える?AI時代の「顧客の声」の捉え方
  9. 9
    BMWが「クルマと音声メディアの親和性」を証明。Spotify×人流データによるディーラー送客促進
  10. 10
    戦略系UGCマーケティングAGとしてやり切っていく――ウィングリットに聞いた「UGC戦略の設計思考」
  1. 1
    ヤマト運輸が「デジタルな対面」で挑む親近感の醸成、コンテンツ内製で実現する双方向コミュニケーション
  2. 2
    西友買収で関東進出!トライアルがリテールメディアで仕掛ける「売れる店作り」の全容【店舗売上42%増】
  3. 3
    社員7割が常時利用!Hakuhodo DY ONE流・AI活用 「一部しか使わない」壁をどう超えたか
  4. 4
    連休にじっくり思考の土台を整える、「ビジネス・アイディアの本質」を学べる本・4選
  5. 5
    アサヒビールはなぜ「お客様中心」をやり切れるのか?N=1を戦略に変える「消費者インサイト部」の進化
  6. 6
    メーカーが人生の伴走者になるには?サントリーウエルネスが実践する、アプリ継続を生む温もりあるCX
  7. 7
    戦略と実行の乖離をどう防ぐ? NaaS市場開拓を目指すNTTドコモビジネスに学ぶ、「変革」のプロセス
  8. 8
    戦略はなぜ実行されない?「失敗70%」をひっくり返すPwCコンサルティングの実践的な設計ノウハウ
  9. 9
    【総広告費40億】きぬた歯科院長が「Xで他社の看板を添削」?つい伝えたくなった持論とは
  10. 10
    AI時代に見直す「信頼購買」の価値 再定義されるインフルエンサーマーケティングと効率型手法