Instrucciones para agregar amp-experiment
amp-experiment
El componente amp-experiment permite realizar experimentos de experiencia de usuario en un documento AMP y recopilar datos resultantes. Esto es, por ejemplo, bueno para A / B probar nuevas características en sus AMP, pero puede probar tantas variantes como desee.
En este ejemplo, estamos utilizando Google Analytics para rastrear el experimento. Google Analytics requiere que se especifiquen variantes diferentes mediante una variable de índice. Sin embargo, amp-experiment no tiene opinión sobre cómo se especifican.
Agregar
Importe el componente amp-experiment justo después de la apertura <head>
A continuación estilos diferentes del experimento mediante el uso de body[amp-x-name-of-experiment="nameOfVariant" ].
Uso básico
Configure los experimentos dentro del amp-experiment dentro de un objeto JSON. Utilice variantes dentro de cada experimento para declarar cuántos usuarios en porcentaje formarán parte de una variante de experimento. La suma total de las variantes debe ser un número <= 100. Si la suma es <100, se utiliza el comportamiento por defecto. Un usuario pertenece a una de las variantes basadas en un número aleatorio generado entre 0 y 100.
Para más detalles acerca de variantes, lea la documentación oficial. Múltiples experimentos se pueden ejecutar en el mismo documento AMP en paralelo con sus propios conjuntos de variantes. Un amp-experiment AMP puede tener como máximo un elemento de amp-experiment.
Un botón experimental. El fondo del botón va a ser amarillo para el 30% de los usuarios, rojo para el 30% de los usuarios, azul para el 30% de los usuarios y, para el 10% restante de los usuarios, el fondo del botón va a ser el color por defecto Que es gris en esta muestra.
Informes
Medir los resultados del experimento utilizando amp-pixel ...
... o amp-analytics. Las variantes asignadas están disponibles como una variable de sustitución de URL: VARIANT(name-of-the-experiment). Puede comprobar las solicitudes de análisis en la pestaña de red de las herramientas de desarrollo.
Sugerencia de desarrollo
Puede forzar a un experimento a que esté en una variante amp-x-experiment-name a la URL de la página AMP.
# Amp-x-button-color-experiment = 0
# Amp-x-button-color-experiment = 1
# Amp-x-button-color-experiment = 2
En este ejemplo, estamos utilizando Google Analytics para rastrear el experimento. Google Analytics requiere que se especifiquen variantes diferentes mediante una variable de índice. Sin embargo, amp-experiment no tiene opinión sobre cómo se especifican.
Agregar
Importe el componente amp-experiment justo después de la apertura <head>
<script async custom-element="amp-experiment" src="https://cdn.ampproject.org/v0/amp-experiment-0.1.js"></script>
A continuación estilos diferentes del experimento mediante el uso de 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>
Uso básico
Configure los experimentos dentro del amp-experiment dentro de un objeto JSON. Utilice variantes dentro de cada experimento para declarar cuántos usuarios en porcentaje formarán parte de una variante de experimento. La suma total de las variantes debe ser un número <= 100. Si la suma es <100, se utiliza el comportamiento por defecto. Un usuario pertenece a una de las variantes basadas en un número aleatorio generado entre 0 y 100.
Para más detalles acerca de variantes, lea la documentación oficial. Múltiples experimentos se pueden ejecutar en el mismo documento AMP en paralelo con sus propios conjuntos de variantes. Un amp-experiment AMP puede tener como máximo un elemento de amp-experiment.
Ejemplo<amp-experiment> <script type="application/json"> { "button-color-experiment": { "variants": { "0": 30, "1": 30, "2": 30 } } } </script> </amp-experiment>
Un botón experimental. El fondo del botón va a ser amarillo para el 30% de los usuarios, rojo para el 30% de los usuarios, azul para el 30% de los usuarios y, para el 10% restante de los usuarios, el fondo del botón va a ser el color por defecto Que es gris en esta muestra.
Ejemplo<button class="ampstart-btn button-color-experiment caps m1">Click here</button>
Informes
Medir los resultados del experimento utilizando amp-pixel ...
Ejemplo<amp-pixel src="https://example.com/track/?xname=button-color-experiment&xvar=VARIANT(button-color-experiment)"></amp-pixel>
... o amp-analytics. Las variantes asignadas están disponibles como una variable de sustitución de URL: VARIANT(name-of-the-experiment). Puede comprobar las solicitudes de análisis en la pestaña de red de las herramientas de desarrollo.
Ejemplo<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>
Sugerencia de desarrollo
Puede forzar a un experimento a que esté en una variante amp-x-experiment-name a la URL de la página AMP.
# Amp-x-button-color-experiment = 0
# Amp-x-button-color-experiment = 1
# Amp-x-button-color-experiment = 2
Comentarios
Disqus comments:
Facebook comments: