TL;DR

할 일

설정

어쨌든, 우선 GA를.

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-613309-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-613309-1');
</script>

GA에서 AB 테스트를 만들고 테스트 ID(experiment_id) 얻기

GA로 변환 할 페이지를 등록하십시오.

variation(패턴 or 오리지널)을 취득한다

<script src="//www.google-analytics.com/cx/api.js?experiment=[テストID]"></script>

let variation = cxApi.chooseVariation();
console.log("variation", variation); // オリジナル:0 or パターン:1

TODO

디스플레이 분리

var app = new Vue({
  el: '#app',
  data: {
    isPattern: variation == 1
  }
});

<div id="app" class="main container">
    <h1>欲しいですか？</h1>
    <a v-if="!isPattern" href="conversion.html" class="btn btn-danger btn-lg" role="button">5000兆円(Original)</a>
    <a v-if="isPattern" href="conversion.html" class="btn btn-primary btn-lg" role="button">お年玉(A)</a>
    <a href="drop.html" class="btn btn-secondary btn-lg" role="button">いらない</a>
</div>