■ メルマガ読んでいただければ嬉しいです。^^

ご登録されたいE-mailアドレスを入力し、登録ボタンを押してください。

 

試験:アフィリエイトリンクをリダイレクトで飛ばし、 Googleウエブサイトオプティマイザーで、自動で最適化する方法!

PPCアフィリを再開し始めてから
ほんの数日ですが、ポンポン売れております。^^


改めてPPCの威力を痛感しています。


で、早速、試験的にトライをしていることがあります。


それは、
「アフィリエイトリンクをリダイレクトで飛ばし、
Googleウエブサイトオプティマイザーで、自動で最適化する方法!」

 

これ、ノウハウを確立させれば、
有料級の確かな技術ですよね。

 

とはいっても、実は昨日設定したばかりで
今日、管理画面を確認したら、コンバージョンがなんと0・・・。

 

あれ、あれれ~??

 

と思って、色々調べました。

 

どうやら調べたところ、
「コンバージョンタグが表示される前に、
リダイレクトされてしまっている。」
とのことです。

 

リダイレクトとは、ブラウザに
自動的に他のURLを読みにいかせることで、
よくサイトの引越しの際などに使われますね。

 

その機能をアフィリエイトサイトに利用するということなんです。

 

ブラウザって、htmlを上から順番に読み取っていきますが、
でも、私の設定では間違っていて、


コンバージョンタグを読み込む前に、
リダイレクトで飛ばされてしまっていたということなんですね。


つまり、リダイレクトのタグの下に、
コンバージョンタグを書いてしまったと言うこと。

 

本当は、逆でないとダメなんですよね。

 

早速、修正いたしましたので
また、結果が出てきたらご報告しますね。

 

「アフィリエイトリンクをリダイレクトで飛ばし、
Googleウエブサイトオプティマイザーで、自動で最適化する方法!」

 

上手くいけば、本当に半自動で収益化できていくはずです。
サイトの作りこみを進めます!

 

最後に、一応一言。

 

アフィリリンクのリダイレクトは、
ASPによっては推奨されていませんので、
自己責任でお願いいたします。^^


 

良い記事でしたら、応援いただけたら幸いです。

こちらの記事も、よろしければどうぞ!

 

 

Googleウエブサイトオプティマイザー・多変量テストをwordpressに設定する方法

今回は、私のアフィリエイトサイト用リスト取りサイトを題材に、
Googleウエブサイトオプティマイザーのテスト設定 をする様を
まとめてみました。

 

テストするのは、”A/Bテストではなく、多変量テスト”で、

  • ヘッダーロゴ
  • ヘッドライン1
  • ヘッドライン2

を、テストしてみることにしました。

 

どれも画像を変えるだけで、
画像はあらかじめ用意しました。

 

環境はwordpressで、SEOテンプレートの賢威を
使っています。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 画像は各部位で、下記のように用意しました。

これらがランダムに表示され、最適な組み合わせが自動で選ばれます。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

まず、Googleウエブサイトオプティマイザーへログイン。

 

新しいテストを作ります。

 

 

 

 

 

 

 

 

今回は、多変量テストにチャレンジ。

(アクセスが多ければ多変量テストでじっくりやるのが良い。
アクセスが少なければ、A/Bテストのほうが、早く結果が出るということです。)

 

たぶんA/Bテストの準備しかできていないのですが、
なんか今回は、多変量テストにしてしまいました。(汗)

 

本来はやるなら、イメージ画像や、ボタンの部分も、
やるべきでしょうね。。。

 

で、多変量テストへ。

 

 

 

 

 

 

 

 

 

こちらで、どこをテストするのか確認をしてください。

 

 

 

 

 

 

 

 

 

 

次の画面では、

  • テストの名称
  • テストするページ
  • コンバージョンのページ

を 入力します。

 

 

 

 

 

 

 

 

 

 

 

 

「 じ、自分で出来るもん!バ、バカにするなよ~Google。。。」

という気持ちで、自分でやるほうを選びましょう。

 

 

 

 

 

 

 

 

 

 

 

 JavaScript タグのインストールと検証

タグを入れていく必要があるのですが
ここが初心者の迷いどころです。

 

多変量テストでは、

  • テストするページのヘッダー下
  • コンバージョンページのヘッダー下
  • テストする各部分

これらに タグを入れていきます。
スクリプトって言うのかな??

 

 

制御スクリプトとトラッキング スクリプト

テストするページの<head>の後ろに入れろってことで、

 

 

 

 

 

 

 

 

 

 

 

 

 

 

wordpressなので、header.phpに入れました。

 

 

 

 

 

 

 

 

 

 

 

 

 

ページ セクション

テストする箇所にいれるやつです。

 

 

 

 

 

 

 

 

 まず、ヘッダーロゴ用に、headertext.phpに入れました。
(賢威を使っていますので、ここ。)

 

 

 

 

 


<script>utmx_section("ヘッダーロゴテスト")</script>
<div id="header-logo">
<p id="logo-text"> <a href="<?php bloginfo('url'); ?>"> <img src="<?php bloginfo('template_url'); ?>/images/common/logo.gif" width="950" height="335" alt="<?php bloginfo('name'); ?>" /> </a> </p>
</div>
</noscript>




次にヘッドライン1,2は、index.phpにあるので、
これらも同じようにいれました。

 

こんな感じに。↓


<script>utmx_section("headline1-test")</script>
<!--headline1-->
<div class="contents">
<img src="<?php bloginfo('template_url'); ?>/images/myimg/headline1-a.jpg" width="850" height="56" alt="イメージ画像" />
</div>
<!--/headline1-->
</noscript>


 

 

 

 

 

 

 

<script>utmx_section("headline2-test")</script>
<!--headline2-->
<div class="contents">
<img src="<?php bloginfo('template_url'); ?>/images/myimg/headline2-a.jpg" width="850" height="56" alt="イメージ画像" />
</div>
<!--/headline2-->
</noscript>

 

 

 

 

 

 

 

 

 

 

 

コンバージョン ページ: コンバージョン スクリプトを追加する

次は、コンバージョンページにも入れるのですが、
私の場合は、条件分岐ってやつで入れました。

 

 

条件分岐っていうのは、

●●な時は、△△しなよ。」ってことを意味します。

 

「もし泥棒が来たら、バットで追い払うんだよ。」を、phpの条件分岐ってやつで書くと、

 

 <?php if(is_泥棒が(来たら)): ?>
 バットで追い払うんだよ。
<?php endif; ?>

 

 

って、なります。

(プログラマー・WEBデザイナーの方、合ってますよね?)

 

なので、これをヘッダー下に入れろって言うから・・・

 

 

 

 

 

 

 

 

 

下記のように入れてみました。

 

“page”が”71”の時に、コンバージョンタグを表示するという意味です。

 

<!-- ★★Google Website Optimizer Tracking Script★★ -->
<?php if(is_page(71)): ?>

<script type="text/javascript">
 var _gaq = _gaq || [];
 _gaq.push(['gwo._setAccount', 'UA-15221081-47']);
 _gaq.push(['gwo._trackPageview', '/2547942954/goal']);
 (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>

<?php endif; ?>
<!-- /★★End of Google Website Optimizer Tracking Script★★ -->
 

 

 

 

 

 

 

 

 

 

 

  • テスト ページ: 制御スクリプトとトラッキング スクリプト
  • コンバージョン ページ: コンバージョン スクリプト

この2つがhtml上、表示されるようにしておけば、
次の段階に進みます。

 

 

下記画面で、”インストール完了”と出ればOKです。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 注意点:画像をテストする場合は、あらかじめUPしておいてくださいね。

 

 

 

 

 

 

 

 

 

 

 

 

スクリプトの設置がOKならば、次へ進みます。 
パターンを作ります。

 

テストの表示パターンを作っていくわけです。

 

”新しいパターンを追加”というところから、
下層のhtmlソースを書いていくわけですね。

 

 

今回は、

  • ヘッダーロゴ
  • ヘッドライン1
  • ヘッドライン2

これらのテストなので、それぞれ”新しいパターンを追加”していきます。

 

 

 

 

 

 

 

 

 

 

 

 

 

上記のように、合計、各部位で3パターンを追加しました。

 

プレビューを押してみてください。

 

下記のように、仮想で設定されているテストのパターンが表示されます。

 

 

今回は、3部位のテストで、合計8パターンの組み合わせが作られました。

例えば、

 

 

 

 

 

 

 

 

 

 

 

 

 

 

今回は、ざっくりのテストなので、ダメな組み合わせはどんどん表示しないようにしていきます。

 

 

 

 

 

 

 

 

 

 

 

そして、テストが開始されました!

あとは寝て待つだけ^^

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 まとめ:

 

私もWEBデザイナーでもないし、プログラマーでもありません。

「スクリプト?条件分岐??
なんじゃそりゃ?」

 

というレベルですが、Googleウエブサイトオプティマイザーを
使えば、成約率は どんどん上がります。

 

なので、初心者はきついかもしれませんが、
ぜひ、チャレンジしてみてください。

 

始めは大きく、大胆にテストしていくのが、
最適化成功への近道です。

 

 今回、あまりGoogleウエブサイトオプティマイザーについて、
記事がなかったので、書かせていただきました。

 

参考にしていただければ幸いです。^^

 

 

 

 

 

 


 

良い記事でしたら、応援いただけたら幸いです。

こちらの記事も、よろしければどうぞ!

 

 

このページの先頭へ