GWOの使い方～非同期タグVer～

always be testing!!

Google Website Optimizer の使い方
～非同期タグ Ver ～

Google Website Optimizer 上でテストを作成する

Google ウェブサイトオプティマイザートップページ


参考資料：自分に適したテストのタイプ - アドワーズ広告ヘルプ
https://adwords.google.com/support/aw/bin/answer.py?answer=71975&cbid=-15s5o4yqbtctt&src=cb&lev=answer


命名規則の例：【 [ ドメイン ] 】 [YYMMDD]_ 施策名

※ たくさんのページを一度にテストしたい場合でも 1 つの URL を入れれば問題ありません


まだ公開していないページに対してテストを設定しようとした場合以下のようなアラートが出るが、
チェックボックスにチェックを入れれば「続行」して通すことができるので問題ない。

Google Website Optimizer 上でタグを発行する

左の 3 つのタグをテンプレートに埋める

クリックをゴールとみなす場合
～タグ埋め込み例と注意点～

発行されたタグをテンプレートに埋め込
んで
テストを開始する

テンプレートに埋め込むタグ１

制御スクリプトとトラッキングスクリプト
テストページのソースコードの開始 <head> タグの直後に次のスクリプトを貼り付けます。


<script>
function utmx_section(){}function utmx(){}
(function(){var k='YYYYYYYYYY',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return escape(c.substring(i+n.
length+1,j<0?c.length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
+new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>
 X の部分はアカウントによって変更されます。

<script type="text/javascript"> Y の部分はテストによって変更されます。
var _gaq = _gaq || [];
_gaq.push(['gwo._setAccount', 'UA-XXXXXXXX-XX']);
_gaq.push(['gwo._trackPageview', '/YYYYYYYYYY/test']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

テンプレートに埋め込むタグ２

コンバージョンスクリプト
コンバージョンページのソースコードの開始 <head> タグの直後に次のスクリプトを貼り付けます。


<script type="text/javascript"> X の部分はアカウントによって変更されます。
var _gaq = _gaq || [];
_gaq.push(['gwo._setAccount', 'UA-XXXXXXXX-X']); Y の部分はテストによって変更されます。
function doGoal(that) {
try {
_gaq.push(['gwo._trackPageview', '/YYYYYYYYYY/goal']);
setTimeout('document.location = "' + that.href + '"', 100)
}
catch(err){}
}
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>


クリックをゴールとするためにコンバージョンスクリプトを改
修します。
→ 太字の部分を追加する

テストを実施する部分とタグ３

<script> から </noscript> でくくった部分を
Google ウェブサイトオプティマイザーが認識をし、
管理画面上で html をいじれるようになります。

<script>utmx_section(“result")</script>
<div id=“result” >
</noscript>
例
result
注意点１
<script> から </noscript> でくくった部分の中に
<noscript> タグが入っていると動きません。
はずすか、それを避けて指定してください。
注意点２
動的なテンプレートの場合、 Smarty のタグなどを
<script> から </noscript> でくくった部分の中に
入れないようにお願いします。

ゴール設定とタグ

<a href=“htttp://point.ecnavi.jp/fund/bc/” onclick="doGoal(this);return false;">

onclick をつかって、クリックをゴールと設定します。
function を使う形にしていますが、つまりは上記 doGoal() の
中身が onclick で呼ばれれば問題ありません。

参考資料
https://adwords.google.co.jp/support/aw/bin/answer.py?hl=jp&answer=93181

Google Website Optimizer 上にタグを認識させる

エラーが出たとき

ページの検証


Google ウェブサイトオプティマイザーのタグを埋めた html ソースをコピーし、ローカルで html ファイルを作成。
そのファイルを認識させる。


うまくいったら、全てにチェックがついて
「続行」できるようになる

Google Website Optimizer 上でテストする内容の html を書く

新しいパターンを追加する


新しいパターン名を追加する


テストする新しいパターンにおいて、
html を書き入れて、保存する


タグを埋めたテンプレートが公開されていない限りプレビューを見ることはできません


※ もしテンプレートが公開されていれば、
　パターンを数パターン作成している場合にはプルダウンで全てのパターンを確認できます

Google Website Optimizer 上でテスト実行

必要であればテスト内容を書き込む

テストが走り始めます

Google Website Optimizer 上でテスト実行

しばらく時間がたったら、
ちゃんと CV が取れているか確認しましょう

GWOの使い方～非同期タグVer～

More Related Content

Similar to GWOの使い方～非同期タグVer～

Recently uploaded

GWOの使い方～非同期タグVer～