2014年ウェブマーケティング手法のまとめ
2014年もあとわずか！今年流行したウェブマーケティングのまとめと用語を解説していきます。
CCCM
クロスチャネルキャンペーンマネジメント
をまたいだ消費者とのコミュニケーションを事前に設定したシナリオに基づいて自動化し、最適化するためのソフトウェアMA（マーケティングオートメーション）と呼ばれる製品群の中にも同様の機能を備えるものがあるがMAはBtoB企業が使うケースがおおく、その主な目的は見込み顧客の管理・育成である点が異なっている。
ウェアラブルデバイス
→ポストスマートフォンとして新たなデジタル市場を開く起爆剤になると期待されている。腕や頭部など常に身に着けて利用する小型コンピュータデバイス。メガネ型や腕時計型など形状は様々だが、商品化が先行しているのは活動量計型の製品。このタイプの製品を装着した消費者の活動量や位置データといった大量のデータがクラウド上に集積
されつつある。
IOT（Internet of Things）
→モノがインターネットに接続されることを指す。今までインターネットに接続されてるデバイスは
パソコンやスマホなどのコンピューターであったが、これからは自動車、自動販売機、工場機器
医療機器といったものまでインターネットに接続されていく。
グーグルは２０１４年にサーモスタットや火災報知器を造っているネストを買収したりなど、他のものと
連携してハブとなることを目指している。家中のデータ収集できることに対する期待は大きい。
Ibeacin
→２０１３年９月にIos７に標準搭載された近距離無線通信の新しい機能。パソコンやワイヤレスマウスなどに使われている「Bluetooth」の低消費電力版である「Blue Tooth Low Energy」という情報規格によって、近距離のデータ送信を可能にするもの。
iBeaconを使ってサービスを実現するには信号を発信するビーコン端末と、その受信器となるBeacon対応アプリがインストールされたモバイル機器、情報を配信するサーバ－が必要。活用例として、商業施設内の店舗にビーコン端末を複数設置し、店の近くを通った人に自店のクーポンなどを配信して店に呼び込むといった形で活用する。２０１４年の春ごろから小売り業でO2Oが相次いでいる。
インフォグラフィック
→テキストや数値だけでは伝えられないファクトをビジュアル化して、多くの情報を分かりやすく表現
情報やデータをわかりやすく表現したビジュアルコンテンツを指す。静止画に加えてリアルタイムに
データを反映するインタラクティブ・インフォグラフィックなどがある。しかし、単に情報やデータをビジュアル化しただけでは伝わるコンテンツにならない。
情報を整理したう上で再構築する「情報デザイン」のスキル、データから本質を見抜く「データアナリスト」のスキルが必要。そこで、適切なわかりやすく伝えられるビジュアル作成スキルがが必要。
インフォグラフィックを使ったマーケティング活動は、欧米を起点に活発化しており、広報戦略やコンテンツ戦略の有力な手法手段として定着している。
オム二チャネル
ネットとリアルを統合した新しい売り方顧客情報を一元管理でCRMを進化
実店舗とECサイトといった顧客との接点を統合し、時間や空間の制約なく「同一の顧客体験を
提供すること。」を目指すコンセプト。
オムニチャネルが大きなテーマとなって欠かせない要素は、顧客データの整備、在庫状況の一元化、インフラ整備、CSサポートがあげれらる。顧客情報が、店舗とECなどのサービスによって分断されていると、ポイントやクーポンなどを相互利用できず顧客の利便性を損なう。顧客がいつどこでどんな情報を流しているのか統合的に把握できればマーケティングやCRMなどの施設での精度向上にも役にたつ。
カスタマージャーニー
→生活者が商品やサービスをどのようｊに認知し、関心を持ち、購入・登録し優良顧客に至るのか、という
一連のプロセスを旅に例えた概念のこと。企業が競争優位性を発揮していくためには、優れたユーザーエクスペリエンスを提供していくことが重要であり、そのための手段として注目されている。
キュレーションメディア
→ソーシャルメディアの普及でネット上の情報量が加速度的に増えるにつれ、有力な情報をいかにして
集めるかが課題になってきた。そこで特定のテーマについて有力な情報を取捨選択してまとめるキュレーションメディアが注目されている。ユーザーが自ら検索しなくても自動的に自分の関心があるニュースや情報を表示し利用するほどその精度が上がっていく仕組みを備えている。
コミュニケーションを可能とする「リッチメディア広告」は、既存の広告と異なる様々な利点を持つ。
記憶に残る広告として威力を発揮できる。ユーザー起点のコミュニケーション設計の中で有効活用していくことが重要。
アンバサダー
→ソーシャルメディアなどを使って、周囲に企業やブランドを率先して推奨していくれる消費者のこと。
アンバサダーを組織化し、商品開発や改善のアイディアを募ったり、実売りに繋げたりする企業もある。
インバウンドマーケティング
→何かを調べている人に適切な情報を提供することで、繋がりをつくる新しいマーケティングの考え方。
欲しい情報が簡単に検索できる今、企業側に都合の良い情報だけでは見てもらえない。
モバイルディープリンク
→広告やウェブサイトなどから、スマートフォン向けにアプリ上の特定のページに
遷移させるための技術のこと。たとえば、ECアプリから商品ページに直接誘導したり、
口コミ情報サイトからアプリ上の特定の店舗ページに誘導したりできる。
Googleは、２０１４年４月に検索広告やディスプレイ広告からアプリ上の商品ページなどに
ネイティブ広告
→広告をアプリやスマホになじませる広告。ウェブサイトやアプリのデザインや機能に広告クリエイティブを合わせることで広告の視認性の向上を目指す手法。占有面積は既存のディスプレイ広告に比べて大きくブランディングにも活用できる可能性がある。
記事レコメンド型のネイティブ広告は、ニュースサイトの記事に掲載される関連記事の一覧の一部に広告を表示させる形式だ。ネイティブ広告は、ステマの一種と誤解を招くケースが多いため、コンテンツにかい離がないか審査が厳しい。
ネイティブ広告は、広告のデザインや機能を広告を掲載するサイトやアプリに同化させる手法のため、一見しただけでは広告と気づかない可能性もある。たとえば、記事を期待してクリックしたのに、商品購入を促すページが表示されれば、不信感を頂く可能性が高い。また、広告枠の多様化によって、広告媒体側とデザインが異なるため、広告制作の作業コストがかかる。
ネイティブ広告5種
1．インフィード広告
2.検索連動型
検索サイトにおけるキーワード連動型の広告。ただし検索連動型広告をネイティブ広告を扱う場合、誘導先がLPではなく自然検索と同時にコンテンツであることが条件がある。
3．レコメンドウィジェット
ニュース記事下などに表示する記事レコメンドの中に広告を含む手法。
4．プロモートリスティング
「グルナビ」の検索連動型広告や、地図上アプリに表示させる店舗情報の広告など。
編集コンテンツを持っていないサイトで、サービスの利用体験とシームレスにデザインされた広告手法。
5．ネイティブ要素を持つインアド型
ディスプレイ広告枠内に、コンテンツ型の広告を表示する。ただし、配信する枠はIABが定めるディスプレイ広告枠の基準にのっとる必要がある。
インフィード広告
コンテンツの合間に広告を表示させる手法。記事や商品情報などのコンテンツを上から下に向かって読み進めていくデザインを採用したスマートフォンアプリ向けのコンテンツの合間に広告を差し込む手法のこと。ネイティブ広告の一種でもある。これまでのディスプレイ広告と比較して、広告の視認性が高いといわれる。
国内ではニュースアプリを展開するグノシーがインフィード広告のネットワークを構築している。
ソーシャルテレビ
リアルタイム視聴をバーチャルな仲間と楽しく盛り上がる行為。
ズマートフォン用広告識別ID
→スマートフォンに対してネット広告を配信するために使う広告配信専用のID。
プライバシー保護意識の高まりを受けてプラットフォーマーであるアップルやグーグルが従来の識別IDとは
別に提供している。リターゲティング広告の配信などに活用ができる。
ただしこのIDは、アプリでの広告利用に活動範囲が限定されている。ブラウザーでは引き続きCookieがターゲティング広告の配信に使われ、現状はアプリとブラウザーが分断されている。今後、端末推定技術などの進歩で両社をまたいだ活用が広がりそうだ。
CLO（カード・リンクト・オファー）
クレジットカードで購入した商品の購入履歴などに基づき消費者の趣味嗜好にあった商品・サービスの
割引クーポンなどを発行する施策のこと。金融事業者が、加盟店向けに提供するサービスが代表例となっている。
2015年はネイティブアドのテクノロージ進化に期待です。とはいえ成果効率はリスティング広告に
勝る広告メニューではないことは確かかな。
■
イベントモデル
何等かの動作に応じて自動で処理を実行する仕組みが、DOMオブジェクトには用意されている。それがイベントです。
→イベントに割り振られた処理のことで、通常は関数の形で定義されてる。
イベントハンドラの登録
→(Document/Element).addEventListener("イベント名","イベントハンドラ",真偽)
var dom = document.querySelector("#msg")
Document.addEventListener("mousedown","funcA")
function funcA(){
alert("function A実行");
}
<p id="msg">Clicjk</p>
---------------------------------------------------------------------------------------------------------------
これは、PタグにaddEventListennerでイベントハンドラを組み込む例です。
1つのイベントにいくらでもイベントハンドラを追加することができる。
それぞれのイベントハンドラは、常にイベントハンドラの処理をすべて完了してから次のイベントに進んでいく。複数のイベントが並立して実行されるわけでなく、
常に実行されているのは、1つのイベントハンドラです。
Eventオブジェクトにについて
function init(){
var dom = document.querySelector{"#msg");
document.body.addEventListenner("click",funcA,false);
}
function funcA(event){
var res ="type:" + event.type;
res += "\nid:" + event.target.id;
alert(res);
}
この引数で渡されるeventに、Eventオブジェクトが設定されている。
ここでは、その中から「type」と「target」のIDとを取出して利用していきます。
typeはイベント要素のタイプを示すものでtargetイベントが発生した要素をDOMオブジェクトとして取り出すもの。
イベントハンドとthis
上の例では、イベントが発生したDOMオブジェクトをEventのtargetプロパティで取得していました。が、もっと手軽にイベント発生源を得ることがでｋりう。それだ「this」です。
thisは、クラスメソッドなどで、そのインスタンス自身を示すのに用いられている。
イベントハンドラ内にthisを使うと、実行中のイベントハンドラが設定されているDOMオブジェクトを得ることができる。
JavaScript イベントハンドラ
イベントハンドラプロパティの設定
イベントハンドラを登録するには、イベントターゲットのプロパティに、イベントハンドラ関数を設定するのが最も簡単です。イベントハンドラプロパティの名前は、イベントの名前の前に「on」を追加したものになるのが普通です。
例えば、「onclick」「onchange」「onload」などです。これらのプロパティ名では、大文字と小文字が区別されます。「readystatechange」などのように、イベントタイプが複数の単語から構成されるような場合でも、すべて小文字で記述する。
------------------------------------------------------------------------------------------------------------------
//windowオブジェクトのonloadプロパティに関数を設定する。この関数がイベントハンドラになる。ドキュメントがロードされたときに呼び出しされる。
window.onload = function(){
//<form>要素を検索する。
var elt = document.getElementById("shipping_address");
//イベントハンドラ関数を登録し、フォーム送信直前に、呼び出されるようにする。
elt.onsubmit = function(){ return validate(this);}}
------------------------------------------------------------------------------------------------------------------
上記の方法は、広く使われるイベントタイプであれば、すべてのブラウザでうまく動作する。一般的には、イベントを定義するwebAPIのうち広く実装されているものであれば、イベントハンドラプロパティを設定することでイベントハンドラを登録できるようになっています。
addEventListener
すべてのブラウザでサポートされている標準のイベントモデルでは、addEventListener()というメソッドを定義しているオブジェクトであれば、イベントターゲットになります。windowオブジェクトやdocumentオブジェクト、ドキュメントのすべてのElemnetオブジェクトなどがそうです。このaddEventListener()を使って、イベントターゲットにイベントハンドラを登録できます。引数は3つ指定します。1番目の引数はには、イベントハンドラを登録するイベントタイプを指定します。イベントタイプは、文字列形式で指定します。イベントハンドラプロパティを設定するときに使った「on」接頭辞は必要ない。2番目の引数には、指定したイベントタイプが発生したときに呼び出される関数を指定します。3番目の引数には、理論値を指定します。
falseを指定するのが普通です。tureを指定した場合は、イベントをキャプチャリングするイベントハンドラとして登録され、イベント伝播において、通常とは異なる段階で呼び出されるようになります。
--------------------------------------------------------------------------------------------------------------------
<button id="mybutton">Click me</button>
<script>
var b = document.getElementId("mybutton");
b.onclick = function(){alert("Thank you for click me!")};
b.addEventListener("click", function(){ alert("Thank again!");},false);
</script)
--------------------------------------------------------------------------------------------------------------------
1番目の引数に"click"を指定して、addEventListener()を呼び出しても、onclickプロパティの値は、変化しません。先ほどのコードではボタンクリックすると、２つのalert()ダイヤログボックス表示されます。addEventListener()を複数起こせば、同じオブジェクトの同じイベントハンドラ関数を登録できます。
webブラウザに表示されている内容は、基本的にHTMLDocumentとHTMLElementの組み合わせによって組み立てられている。Documentをルートとして、そこからHTMLの構造に従ってくみこまれていくHTMLElementオブジェクトの構造は、一般にDOMツリーと呼ばれている。
このDOMツリーは、そのページのHTMLコードの読み込みに応じて構築されていきます。HTMLコードのタグを読み込まれると、DOMオブジェクトが作成され、完成しているオブジェクトに組み込まれていく。
重要なのは、「まだ読み込みが完了していないタグのDOMオブジェクトは完成していない」という点です。完成していないオブジェクトは、操作することもできません。
onload属性の利用
<body>タグを見ると、onload="int()"という属性が指定されている。
実行しているスクリプトはiniという関数での形で定義されていることがわかる。
これは、この<script>タグが読み込まれた際に実行されてはいなかったのです。
onload属性は、イベントに対する属性でこのタグが読み込まれ、DOMツリーが完成した後で実行される処理を示すもの。
HTMLの表示に関する主要タグには、こうしたイベントに関する属性がいろいろ用意されている。このイベントは、特定の操作や状況に応じて発生する信号。このイベントはスクリプトに埋め込むこともできるし、イベントに用意されたプロパティに値を設定しておくことで、状況に応じて自動に実行されるようにできる。
DOMオブジェクトを取得するメソッド
IDで取得する。
変数 = document.getElementByID(IDの指定)
そのタグにID属性の値を指定することでDOMオブジェクトを取得します。
ID属性はユニークな値でなければいけない。
名前で取得する。
変数 = document.getElementByName(nameの指定)
nameを利用してDOMオブジェクトを取得するためのもの。getElementByIdと同様に、引数にnameの値を指定すると、そのnameのDOMオブジェクトが返されます。ただし、注意すべきは「返り値はリストになる」という点です。
クラス名で取得する。
変数 = document.getElementByClass(Classの指定)
HTMLタグに設定しているスタイルシートのクラス名でDOMオブジェクトを取得します。引数には、クラス名を指定します。
タグ名で取得する。
変数 = document.getElementByTagName(タグ名の指定)
タグの種類を指定してDOMオブジェクトを取得するもの。引数はタグ名の文字列を指定します。getElementByTagName("p")とすれば<p>タグのDOMオブジェクトすべてを取得できる。
アクセス解析の種類
アクセス解析の背景
インターネットのユーザーは、webブラウザを使ってwebサイトを閲覧しています。
ユーザーが見たいサイトの情報はそれぞれのサイトのwebサーバにおかれており、ユーザーがwebブラウザを操作することによって、webブラウザからwebサーバーに閲覧データの要求が出されます。webブラウザがそのサーバーから取得したデータを画面データの要求が出されます。webブラウザがそのサーバーから取得したデータを画面に表示することによって、サイトの情報を閲覧できるわけです。そういったwebブラウザとwebサーバーのやりとりの記録がログデータとしてサーバー内にキリクされています。webサーバーに記録されるアクセスログデータ自体には、サイトの閲覧者からのアクセスだけでなく、Googleなどの検索エンジンがwebデータを取得するために訪れるような人以外のアクセスも記録されています。
Googleアナリティクス「ファーストパーティとサードパーティ」
Google アナリティクスの計測方法
Googleアナリティクスの仕組みやデータを理解するうえで、アナリティクスが設定する。Cookieの内容を知ることは非常に重要です。Cookieに記録されているデータは、重要な計測指標、キャンペーン計測、カスタム変数などの計測値と関係深い情報だからです。
Cookieとは
Cookieとは、webサイトのサーバーがwebブラウザを通じて訪問者の端末に一時的に
情報を書き込んで保存するテキストデータのこと。
一般的にCookie は訪問者を特定し、サイトへの訪問に関する情報を記録します。
webサーバーは、このCookieデータによって訪問者を識別し、訪問状況を把握することができます。
GAはファーストパーティCookieを利用している。
Cookieは、必ずウェブサイトに置かれているドメインを属性に持つがそのドメイン
属性の違いにより、Cookieには2つの種類がある。
webサイトが置かれているホストドメインを属性にもつCookieを「ファーストパーティCookie」、それ以外のドメイン属性を持つCookieを「サードパーティCookie」という。訪問者からの視点からみれば、今訪問しているサイトドメインのサーバーから書き込まれたCookieが「ファーストパーティ」。訪問しているサイトドメイン以外のサーバーから書き込まれたCookieが第三者の意味合いで「サードパーティ」となります。
自分が今訪問し、閲覧しているドメイン以外から書き込まれるCookieは、どのようなものがあるのか。
代表的なものの一つに広告配信サーバから書き込まれるCookieがあります。
webサイトを閲覧していて広告が表示されるとき、その広告のほとんどはサイトの情報が置かれているサーバーとは別の場所にある広告専用のサーバーから配信されている。当然ドメイン属性も異なります。また広告配信サーバーは、広告を閲覧したユーザーの人数や配信した回数などを把握するために、Cookie情報を持つユーザーの端末に書き込み、利用している。
もう一つ代表的な例として「webビーコン型アクセス解析サーバ」からのCookieがあります。訪問者のアクセス情報を計測するために、解析サーバーから”webビーコン”が配信されます。この解析サーバーからのCookieも、多くの場合、解析サーバーの置かれているドメイン属性を持つ。普段のwebサイト閲覧ではあまり気づきませんが、このように第三者から配信されているコンテンツやデータがある場合、サードパーティCookieが利用されています。
ファーストパーティCookie のデメリット
ECサイトでショッピングカートに外部サイトシステムを利用しているような場合は
多くの場合ドメインも異なります。訪問者が購入プロセスのためにショッピングカートへ遷移したときには、例えばGoogleアナリティクスのトラッキングコードが設置してあったとしても、正しい計測ができなくなります。
これは、元のCookie 情報が受け渡せれなくなることによっておきます。
また、サブドメインのコンテンツを持っている場合も、ドメイン属性は異なるため
同様のことがおきます。サードパーティを利用している場合はそのような事を気にする必要はありません。
ユニバーサルアナリティクスのCookie
従来のアナリティクスと同様にファーストパーティCookieだが、その仕組みは大幅に変更している。従来のアナリティクスは5種類のCookie情報を記録していて、ユーザーの訪問履歴やセッション時間、参照元、カスタム変数の管理をしていた。しかし、ユニバーサルアナリティクスでは、Cookieに記録される情報は大幅に簡素化された。
無作為に生成された2つの32ビット数値からなる識別子を含む1桁の数値列のみとなりました。
例）1.2.12345.6789
最初の「１」は、Cookie Versionで、現在は「１」です。
これが、ex.sample.a.com なら「４」になります。
最後の「12345.6789」がブラウザに割り当てられている乱数で、これは「Client ID」
となります。このIDは、従来のアナリティクスCookieの「ビジターID」に置き換わるものなので、訪問ユーザーを特定するのに使用される。
従来のアナリティクスのCookieで記録されていたほかの情報は、ユニバーサルアナリティクスはすべてGoogleアナリティクスのサーバー側で記録、管理される仕組みになっている。
これでOK！「 アドテクノロジー入門」
オーディエンスデータの管理
オーディエンスデータは「一人に対してユニークに振られたID」と「IDに不可されている情報全般」
を示している。
IDには、ブラウザのCookie ID、会員ID、ユニークIDなどが存在します。
また、ユニークに振られたIDには、Web閲覧履歴、検索履歴、購入履歴などの情報が含まれています。
アドテクノロジー業界では、、ブラウザのCookieIDを使ったリターゲ広告やオーディエンスターゲティングなどで利用されています。この場合、ブラウザのCookie IDが変化してしまい、オーディエンスデータが不完全になる課題となっている。それらの課題を解決するためのデジタル技術やIPアドレスなどを使ったターゲティングなどCookieを使わないターゲティング技術が日々進化しています。
インフラの進化
保持や活用の部分に関してインフラ面も進化を続けている。オーディエンスのデータは、KVS（KeyーValue store）と言われるIDキーにして、IDに対して値を登録するタイプのデータベースを利用して管理されています。
オーディエンスデータのリッチ化
KVS技術の進化によって、オーディエンスが保有できる値の数やバリュエーションを増やすことが
でき、オーディエンスデータがリッチ化されます。これにより、ターゲティング広告のバリエーションやデータ分析のバリュエーションは増加し、さまざまな場面でメリットが発生する。
具体的には、オーディエンスに対して適切なタイミングで広告を出したり、オーディエンスがコンバージョンに至る経路がわかったりするようになりました。
こういった技術進化の背景は、DMPがあります。
DMPについて
DMPとは、利用者が持つオーディエンスデータと、第三者が持つオーディエンスデータを一元管理し、分析できる。
これらのデータを活用して、mailやディスプレイ広告費、コンテンツマーケティングに活かすことも
可能。また、DMPは第三者データに付加価値を与え、Webサイトやクライアントをまたいだオーディエンスデータの売買を可能にしました。そのため、データチェンジは、オーディエンスデータを豊富に持ったメディアの新しいマネタイズ方法として注目されています。
また、DMPは大きく分けて、2種類あります。
①プライベートDMP
プライベートDMPは、広告主またはメディアに閉じた利用を目的としています。主に顧客
データベースを作成して、各チャネルに使う予算の配分や施策効果の最適化を測るために作られます。
②パブリックDMP
自社メディアの属性、自社メディアの競合を知り得ることができます。
パブリックDMPは、このようなマーケティング用途に使われることが多く、プライベートなDMPが
既存顧客データベースの運用という立ち位置とするとパブリックなDMPは見込み顧客の発掘という
立場になります。
DMPの果たす役割の一つにIDの統合管理があります。
このID管理統合の際に、どのIDを基盤IDにするかがポイントになります。
基盤となるIDとしては可能な限りIDの数が多く、活用しやすいものが望ましいでしょう。
ID数が多いという側面からブラウザのCookieIDを利用する。活用しやすいという側面から会員ID
が利用されると考えられる。
リアルタイム性
デジタルマーケティングの利点として、リアルタイムにオーディエンスデータを収集でき、即座に
アクションに反映できる点にあります。また、タイムリーなターゲティングを実現させる機能として
オーディエンスデータのクラスタリングや類似とった機械学習を伴う処理技術が含まれてきます。
この処理を必要な十分なデータで限りなくリアルタイムに行うことはエンジニアリング的に非常に難しい課題です。且つ技術力を持った会社かどうかという評価ポイントとして挙げることができます。
