5/19/2017

Petunjuk dan cara menambahkan amp-experiment


amp-experiment shannenpio


Pengertian dari komponen amp-percobaan memungkinkan kalian melakukan percobaan pengalaman pengguna pada dokumen AMP dan mengumpulkan data yang dihasilkan. Ini, misalnya, bagus untuk A / B menguji fitur-fitur baru dalam MPA mereka, tetapi Anda dapat mencoba varian sebanyak yang Anda inginkan.

Ok kita akan coba menggunakan Google Analytics untuk melacak percobaan. Google Analytics mengharuskan Anda menentukan varian berbeda menggunakan variabel indeks. Namun, amp-eksperimen tidak memiliki pendapat tentang bagaimana mereka ditentukan.

Cara Penggunaanya

Masukan amp-experiment tepat setelah pembukaan <head>


<script async custom-element="amp-experiment" src="https://cdn.ampproject.org/v0/amp-experiment-0.1.js"></script>


Kemudian style percobaan berbeda dengan menggunakan body[amp-x-name-of-experiment="nameOfVariant" ].


<style amp-custom>
  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>


Penggunaan dasar

Konfigurasikan percobaan dalam amp-experiment di dalam suatu objek JSON. Gunakan varian dalam setiap percobaan untuk menyatakan berapa banyak persentase pengguna yang akan menjadi bagian dari varian eksperimen. Jumlah total varian harus berupa angka <= 100. Jika jumlahnya <100, perilaku default digunakan. Seorang pengguna termasuk salah satu varian berdasarkan nomor acak yang dihasilkan antara 0 dan 100.

Untuk detail lebih lanjut tentang varian, baca dokumentasi resmi. Berbagai percobaan dapat dijalankan dalam dokumen AMP yang sama secara paralel dengan serangkaian variannya sendiri. Un amp-experiment AMP dapat memiliki paling banyak satu elemen amp-experiment.


Contohnya

<amp-experiment>   <script type="application/json">     {       "button-color-experiment": {         "variants": {           "0": 30,           "1": 30,           "2": 30         }       }     }   </script> </amp-experiment>

Bagaimana sob udah mudeng blom?? Tombol percobaan. Bagian bawah tombol akan berwarna kuning untuk 30% pengguna, merah untuk 30% pengguna, biru untuk 30% pengguna, dan untuk 10% pengguna yang tersisa, bagian bawah tombol menuju ke menjadi warna default yang abu-abu dalam sampel ini.


Contohnya

<button class="ampstart-btn button-color-experiment caps m1">Click here</button>

Informes

Ukur hasil percobaan menggunakan amp-pixel ...


Contohnya

<amp-pixel src="https://example.com/track/?xname=button-color-experiment&xvar=VARIANT(button-color-experiment)"></amp-pixel>

Mudah2an sampi disini udah mualai paham,atau amp-analytics. Varian yang ditetapkan tersedia sebagai variabel pengganti URL: VARIANT (nama-dari-eksperimen). Anda dapat memeriksa permintaan analisis di tab jaringan alat pengembangan.


Contohnya

<amp-analytics type="googleanalytics">   <script type="application/json">     {       "vars": {         "account": "UA-73836974-1"       },       "requests": {         "experiment": "${pageview}&xid=${experiment}&xvar=${variant}"       },       "triggers": {         "default pageview": {           "on": "visible",           "request": "experiment",           "vars": {             "experiment": "W4kYemYmQBSTIYNpoezCmg",             "variant": "VARIANT(button-color-experiment)"           }         }       }     }   </script> </amp-analytics>

Saran pengembangan

Anda dapat memaksa percobaan menjadi varian amp-x-experiment-name ke URL halaman AMP.

# Amp-x-button-color-experiment = 0
# Amp-x-button-color-experiment = 1
# Amp-x-button-color-experiment = 2





Share:

Related post

You Might Also Like:

Disqus comments:


Facebook comments: