262 人が現在オンライン
262 人が現在オンライン
Google アナリティクスの Google タグマネージャを含む計測の設定やトラブルシュートなどについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合ってより知識を高めていきましょう。
ガイドを表示
star_border
返信

amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭

お世話になります。

 

amp上でabテストを行いたく、下記を参考に実装しました。

https://ampbyexample.com/components/amp-experiment/

http://gawkerdata.kinja.com/a-b-testing-in-amp-with-google-analytics-getting-start-1785967152

 

特にjsエラーやampのエラーチェックツールでのエラーはなく、また、#amp-x-button-color-experiment=redのような指定で想定通りの表示の確認まではできました。

 

しかし、その結果をGoogle Analyticsで確認する方法がわかっていません。

 

試してみたことは下記の通りです。(ampのウェブテストのGoogle Analyticsでの設定方法のページが見つけられず、一般的なGoogle Analyticsのウェブテストを参考に指定しました)

  1. Google Analyticsのウェブテストで「テストを作成」をクリック
  2. テストを設定では、オリジナルのページにurl#amp-x-button-color-experiment=red、パターン1のページにurl#amp-x-button-color-experiment=blue を指定しました。
  3. テスト用のコードはjavascriptなので、ampではエラーとなるので、貼り付けていません。(ampの仕様に則ってテスト用のコードは記載してあります。)
  4. 検証を行ったところ、「Google アナリティクストラッキングコードが見つかりません」と出ます。
  5. 開始をしても、データはないままとなっております。

ご教授頂けますと、助かります。

よろしくお願いします。

 

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭
こんばんは!

https://developers.google.com/analytics/devguides/collection/amp-analytics/?hl=ja
こちらのページをご覧頂けたら解決するかもしれません。
一度、ご確認お願いします!

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭
ご回答ありがとうございます。

いただいたURLのpageviewの項目はやっていて、Google Analytics上で数値の確認ができております。
残念ながら、amp-experienceに関する記載やヒントはないように見えます。

よろしくお願い致します。

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

レジェンド

まずはじめに、ウェブテストのデータの反映は数時間かかることがほとんどです。
なので、念のため現時点でデータが反映されているか確認してみてください。


もし、反映されていないとすれば、確認点は次になります。

ウェブテスト用のパラメーターが送信されているかの確認
Chrome開発者ツールのNetworkやタグアシスタントなどを使って、ウェブテスト用のパラメーターがGAビーコンとともに送信されているか確認してみてください。
ウェブテスト用のパラメーターは、「xid」と「xvar」の2つです。


・実装コードの確認
ぱっと見た感じでは、
https://ampbyexample.com/components/amp-experiment/
に記載されている

 

{
  "vars": {
    "account": "UA-73836974-1"
  },
  "requests": {
    "exp": "${host}/r/collect?t=exp&xid=${experiment}&xvar=${variant}"
  },
  "triggers": {
    "default pageview": {
      "on": "visible",
      "request": "pageview",
      "request": "exp",
      "vars": {
        "title": "amp-experiment",
        "experiment": "button-color-experiment",
        "variant": "VARIANT(button-color-experiment)"
      }
    }
  }
}


にはバグがありそうです。というのも、同一オブジェクトの中に、"request"属性が重複して設定
されているためです。どちらが正しいかすぐに判断できなくて恐縮ですが、どちらか一方ずつ削除
するなどして、GAビーコンに「xid」「xvar」が含まれるようにしてみてください。

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

レジェンド
上のコメントで記載した
https://ampbyexample.com/components/amp-experiment/
のバグについてはフィードバックを行い、修正されました。
https://github.com/ampproject/amp-by-example/blob/master/src/20_Components/amp-experiment.html

まだサイトには反映されていないですが、
"request": "pageview",
の行が不要なので削除が必要です。

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭
山田良太様

さっそく対応の方してみます。
ありがとうございました。

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭
山田良太様

お世話になっております。
修正しましたが、まだgoogle analyticsのウェブテストで結果が確認できておらず、なんらかまだ作業が足りない可能性があるのですが、
xidはこちらで勝手に指定しても良かったのでしょうか??(なにかgoogle analyticsから払い出したidを利用したりするのでしょうか??)
https://developers.google.com/analytics/devguides/collection/protocol/v1/parameters
よろしくお願いします。

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

レジェンド

xidには、Googleアナリティクスから吐き出された20文字くらいの英数字である「テストID」を指定する必要があります。

 

ただ、見たところ、amp-experiment自体は、Googleアナリティクスのウェブテスト用のコンポーネントというわけではないようです。今晩、もう少し詳しく調べてみますね。

 

 

Capture_20161121_1628.png

 

 

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

[ 編集済み ]
レジェンド

昨夜~今朝、詳しく調べてみましたが、

https://ampbyexample.com/components/amp-experiment/

の記載が間違えているように思います。上記AMP BY EXAMPLEの記述から変えるべきところをまとめました。こちらで実行したところ、GAにセッションが反映されました。また、変更後のサンプルHTMLを添付していますので、ご確認ください。

 

  <style amp-custom>
    /* ""の中は, パターン番号(0からの連番). 下のvariantsと合わせる */
    body[amp-x-button-color-experiment="0"] .button-color-experiment {
      background-color: yellow;
      color: black;
    }
    body[amp-x-button-color-experiment="1"] .button-color-experiment {
      background-color: red;
    }
    body[amp-x-button-color-experiment="2"] .button-color-experiment {
      background-color: blue;
    }
    button {
      background-color: grey;
    }
  </style>
  <amp-experiment>
    <script type="application/json">
      {
        "button-color-experiment": {
          "variants": {
            "0": 30, // オリジナルパターンの出現頻度
            "1": 30, // パターン1の出現頻度
            "2": 30  // パターン2の出現頻度
          }
        }
      }
    </script>
  </amp-experiment>
<amp-analytics type="googleanalytics" id="analytics">
  <script type="application/json">
    {
      "vars": {
        "account": "UA-59746462-6" // 自身のGAのIDに変更
      },
      "requests": {
        "exp": "${pageview}&xid=${experiment}&xvar=${variant}" // 変更
      },
      "triggers": {
        "default pageview": {
          "on": "visible",
          "request": "exp",
          "vars": {
            "title": "amp-experiment", // ページタイトルが上書きされるので、不要
            "experiment": "BxJ_2zFuSTygoI6l3YFPrQ", // GA管理画面上のテストID
            "variant": "VARIANT(button-color-experiment)"
          }
        }
      }
    }
  </script>
</amp-analytics>

 

元サイトでは、t=expとなっていますが、Googleアナリティクスのヒットタイプには、expは存在しないはずで、ウェブテストの情報はページビューと一緒に送信するはずなので、そのように変更しています。

 

 

 

 

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭
山田良太様

お世話になっております。大変参考になります。対応して確認してみます。ありがとうございます。

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭
山田良太様

お世話になっております。まだabテストのデータが取得できておりません。

いくつか質問させてください。
・「GAにセッションが反映されました」とありますが、ampページのセッションが計測できたという認識であってますでしょうか。ちなみに、こちらでもampページのセッションの計測はできております。
・「テストID」はGAの「行動→ウェブテスト」で「テストを作成」から3つめの「テストコードの設定」にある「テストID」という認識であってますでしょうか。
・GAの「行動→ウェブテスト」で「テストを作成」からampのabテストについて設定をするという認識であってますでしょうか。

何卒よろしくお願いいたします。

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

レジェンド

まだ反映されなかったですか。。。

 

・「GAにセッションが反映されました」とありますが、ampページのセッションが計測できたという認識であってますでしょうか。ちなみに、こちらでもampページのセッションの計測はできております。

下記の画像の状態になっています(セッション数が少ないのは、テスト用アカウントのためです)。

 

Capture_20161125_1049.png

 

 

 ・「テストID」はGAの「行動→ウェブテスト」で「テストを作成」から3つめの「テストコードの設定」にある「テストID」という認識であってますでしょうか。

はい、そのテストIDで問題ありません。

 

・GAの「行動→ウェブテスト」で「テストを作成」からampのabテストについて設定をするという認識であってますでしょうか。

はい、それで問題ありません。オリジナルページとパターンについては、URLは適当に入力してもらう形で問題ありませんが、パターンの総数(オリジナルも含め)は、AMPのCSSで作成したパターンの総数と揃える必要があります。

 

あと考えられるとしたら、amp-experimentにおけるテストトラフィックの割合が少なくなってしまっている、などでしょうか。

 

URLを記載いただければ、さらに詳しい調査ができそうですが、難しいですよね?

 

 

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭

山田良太様

 

お世話になっております。ご回答ありがとうございます。

はい、それで問題ありません。オリジナルページとパターンについては、URLは適当に入力してもらう形で問題ありませんが、パターンの総数(オリジナルも含め)は、AMPのCSSで作成したパターンの総数と揃える必要があります

2パターンを想定し、2つ適当なURLを指定したので揃っているかと思われます。

 

http://roomclip.jp/photo/~のページに?amp=1を付けるとampページを表示するようにしております。

動的なページ(対象ページが複数)でも問題ないでしょうか??

 

以下、例になります。

http://roomclip.jp/photo/qLmx?amp=1

http://roomclip.jp/photo/ZmRO?amp=1

 

また、設定したテストのキャプチャも貼らせていただきます。

よろしくおねがいいたします。

 

スクリーンショット 2016-11-25 13.43.02.png

 

 

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

レジェンド

確認しました。

<style>と<amp-experiment>の箇所を下記のように変えるとうまく動くと思います。

 

<style amp-custom>
body[amp-x-rc-pop-experiment="0"] .rc-pop-view {
	clear:both;
	display:block;
}
body[amp-x-rc-pop-experiment="1"] .rc-pop-view {
	clear:both;
	display:none;
}
</style>
<amp-experiment>
    <script type="application/json">
      {
        "rc-pop-experiment": {
          "variants": {
            "0": 50,
            "1": 50
          }
        }
      }
    </script>
</amp-experiment>

また、<amp-analytics>については、

  • 現状だと2つページビューが送信されてしまっている
  • 片方はページタイトルが「amp-experiment」で計測されている

という問題が発生していると思われますので、

 

<amp-analytics type="googleanalytics" id="analytics1">
  <script type="application/json">
    {
      "vars": {
        "account": "UA-30837718-1"
      },
      "requests": {
        "exp": "${pageview}&xid=${experiment}&xvar=${variant}"
      },
      "triggers": {
        "default pageview": {
          "on": "visible",
          "request": "exp",
          "vars": {
            "experiment": "SovjL4gxRzeUpgNAOCFymQ",
            "variant": "VARIANT(rc-pop-experiment)"
          }
        }
      }
    }
	</script>
</amp-analytics>

のようにするのが良いかと思います(triggersからtrackPageviewを削除、varsからtitleを削除しています)。

 

 

 

Re: amp-experimentの結果をGoogle Analyticsでの確認方法について

初級者 ✭ ✭
ありがとうございます。変更してみます。