SlideShare uma empresa Scribd logo
1 de 24
Baixar para ler offline
always be testing!!

Google Website Optimizerの使い方
               ~非同期タグVer~
Google Website Optimizer上でテストを作成する




    Googleウェブサイトオプティマイザートップページ
Google Website Optimizer上でテストを作成する




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


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




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




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




         左の3つのタグをテンプレートに埋める
クリックをゴールとみなす場合
           ~タグ埋め込み例と注意点~

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



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

<!-- Google Website Optimizer Control Script -->
<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>
<!-- End of Google Website Optimizer Control Script -->                 Xの部分はアカウントによって変更されます。
<!-- Google Website Optimizer Tracking Script -->
<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>
<!-- End of Google Website Optimizer Tracking Script -->
テンプレートに埋め込むタグ2



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

         <!-- Google Website Optimizer Conversion Script -->
         <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>
         <!-- End of Google Website Optimizer Conversion Script -->




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

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


              <script>utmx_section(“result")</script>
              <div id=“result” >
              </noscript>
             例
result
         注意点1
         <script>から</noscript>でくくった部分の中に
         <noscript>タグが入っていると動きません。
         はずすか、それを避けて指定してください。
         注意点2
         動的なテンプレートの場合、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 Website Optimizer上にタグを認識させる


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




うまくいったら、全てにチェックがついて
「続行」できるようになる
Google Website Optimizer上にタグを認識させる
Google Website Optimizer上でテストする内容のhtmlを書く




新しいパターンを追加する
Google Website Optimizer上でテストする内容のhtmlを書く




新しいパターン名を追加する
Google Website Optimizer上でテストする内容のhtmlを書く




テストする新しいパターンにおいて、
htmlを書き入れて、保存する
Google Website Optimizer上でテストする内容のhtmlを書く


タグを埋めたテンプレートが公開されていない限りプレビューを見ることはできません
Google Website Optimizer上でテストする内容のhtmlを書く




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




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




テストが走り始めます
Google Website Optimizer上でテスト実行




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

Mais conteúdo relacionado

Semelhante a GoogleWebsiteOptimizerの使い方:非同期タグバージョン

Jqm20120210
Jqm20120210Jqm20120210
Jqm20120210
cmtomoda
 
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJSエンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
 
アプリコンテスト
アプリコンテストアプリコンテスト
アプリコンテスト
Tomonori Yamada
 
QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会
QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会
QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会
Jumpei Ogawa
 
Google App Engine for Java
Google App Engine for JavaGoogle App Engine for Java
Google App Engine for Java
Takuya Tsuchida
 
Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!
Shinpei Ohtani
 

Semelhante a GoogleWebsiteOptimizerの使い方:非同期タグバージョン (20)

GWOの使い方 開発機での確認方法
GWOの使い方 開発機での確認方法GWOの使い方 開発機での確認方法
GWOの使い方 開発機での確認方法
 
Gwoの使い方 開発機での確認方法 101019
Gwoの使い方 開発機での確認方法 101019Gwoの使い方 開発機での確認方法 101019
Gwoの使い方 開発機での確認方法 101019
 
Try_to_writecode_practicaltest #atest_hack
Try_to_writecode_practicaltest #atest_hackTry_to_writecode_practicaltest #atest_hack
Try_to_writecode_practicaltest #atest_hack
 
LabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training SlideLabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training Slide
 
CruiseControl.NET設置
CruiseControl.NET設置CruiseControl.NET設置
CruiseControl.NET設置
 
Jqm20120210
Jqm20120210Jqm20120210
Jqm20120210
 
GoogleAnalytics Cookie クックブック
GoogleAnalytics Cookie クックブックGoogleAnalytics Cookie クックブック
GoogleAnalytics Cookie クックブック
 
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJSエンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
 
Team Foundation Server プロセステンプレートの変更 手順書
Team Foundation Server プロセステンプレートの変更 手順書Team Foundation Server プロセステンプレートの変更 手順書
Team Foundation Server プロセステンプレートの変更 手順書
 
アプリコンテスト
アプリコンテストアプリコンテスト
アプリコンテスト
 
Mcc scripts deck (日本語)
Mcc scripts deck (日本語)Mcc scripts deck (日本語)
Mcc scripts deck (日本語)
 
Visualforce + jQuery
Visualforce + jQueryVisualforce + jQuery
Visualforce + jQuery
 
Magento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for DesignMagento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for Design
 
タグ管理のススメ
タグ管理のススメタグ管理のススメ
タグ管理のススメ
 
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
 
基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~
基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~
基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~
 
QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会
QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会
QML を用いた YouTube クライアントの作成 - 関東 Qt 勉強会
 
Google App Engine for Java
Google App Engine for JavaGoogle App Engine for Java
Google App Engine for Java
 
テスト自動化ツール[Selenium]を検討してみて
テスト自動化ツール[Selenium]を検討してみてテスト自動化ツール[Selenium]を検討してみて
テスト自動化ツール[Selenium]を検討してみて
 
Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!
 

Mais de VOYAGE GROUP UIO strategies section

Mais de VOYAGE GROUP UIO strategies section (8)

事業を支えるUIO
事業を支えるUIO事業を支えるUIO
事業を支えるUIO
 
ABテスト:ユーザーメリットを具体的に伝えよう
ABテスト:ユーザーメリットを具体的に伝えようABテスト:ユーザーメリットを具体的に伝えよう
ABテスト:ユーザーメリットを具体的に伝えよう
 
訴求ポイントを変えるだけでこんなに違う!
訴求ポイントを変えるだけでこんなに違う!訴求ポイントを変えるだけでこんなに違う!
訴求ポイントを変えるだけでこんなに違う!
 
【第2回LPO担当者交流会】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた
【第2回LPO担当者交流会】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた【第2回LPO担当者交流会】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた
【第2回LPO担当者交流会】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた
 
【アクセス解析サミット2011】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた
【アクセス解析サミット2011】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた【アクセス解析サミット2011】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた
【アクセス解析サミット2011】ECナビ ウェブ最適化の取り組み ABテストから会社が動いた
 
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
 
まりこの部屋DX 第1回LPO担当者交流会 101125
まりこの部屋DX 第1回LPO担当者交流会 101125まりこの部屋DX 第1回LPO担当者交流会 101125
まりこの部屋DX 第1回LPO担当者交流会 101125
 
第1回LPO担当者交流会 101125
第1回LPO担当者交流会 101125第1回LPO担当者交流会 101125
第1回LPO担当者交流会 101125
 

GoogleWebsiteOptimizerの使い方:非同期タグバージョン