amp-pixel
Descripción | Se puede utilizar como un píxel de seguimiento típico para contar las páginas vistas. |
Diseños admitidos | fixed y nodisplay |
Ejemplos | Consulta el ejemplo de amp-pixel de AMP By Example. |
Comportamiento
El componente amp-pixel
se comporta como un simple píxel de seguimiento img
. Solo se necesita una URL, pero proporciona variables que puede sustituir el componente de la cadena de URL al hacer la solicitud. Para obtener más información, consulta la sección Sustituciones.
En este ejemplo básico, amp-pixel
envía una solicitud GET simple a la URL especificada e ignora el resultado.
<amp-pixel src="https://foo.com/tracker/foo"
layout="nodisplay"></amp-pixel>
usqp
. Google utiliza este parámetro para activar experimentos de Google AMP Cache. Atributos
src (obligatorio)
URL que dirige a un punto de conexión remoto; debe comenzar por el protocolo https
.
referrerpolicy (opcional)
Es similar al atributo referrerpolicy
de <img>
, pero el único valor aceptado en este caso es no-referrer
. Si se define referrerpolicy=no-referrer
, el encabezado referrer
se elimina de la solicitud HTTP.
<amp-pixel src="https://foo.com/tracker/foo"
layout="nodisplay"
referrerpolicy="no-referrer"></amp-pixel>
allow-ssr-img (opcional)
Este atributo se utiliza en las creatividades AMP4ADS, e indica que, como parte de la transformación posterior a la validación, puede insertarse un elemento img dentro del elemento amp-pixel. Esto permite que se envíe el ping en paralelo a la ejecución o recuperación del tiempo de ejecución de AMP. Ten en cuenta que, como consecuencia, no se expandirán las macros que contenga la URL, así que usa este atributo solo si no están presentes en el archivo src.
atributos comunes
Este elemento incluye atributos comunes que se aplican a los componentes de AMP.
Sustituciones
El componente amp-pixel
admite todas las sustituciones estándar de variables de URL.
Para obtener más información, consulta la guía de sustituciones.
En el siguiente ejemplo, se puede hacer una solicitud a algo similar a https://foo.com/pixel?0.8390278471201
. Es decir, se genera un valor RANDOM de forma aleatoria al producirse cada impresión.
<amp-pixel src="https://foo.com/pixel?RANDOM"
layout="nodisplay"></amp-pixel>
Estilo
No se debe aplicar ningún estilo a amp-pixel
.
Validación
Consulta las reglas de amp-pixel en la especificación de la herramienta de validación de AMP.
¿Ha leído este documento una docena de veces pero realmente no responde todas sus preguntas? Quizás otras personas piensen lo mismo: póngase en contacto con ellas en Stack Overflow.
Ir a Stack Overflow ¿Encontró un error o considera que falta una función?¡El proyecto AMP alienta profundamente su participación y contribuciones! Esperamos que se convierta en un miembro permanente de nuestra comunidad de código abierto, pero también agradecemos las contribuciones esporádicas sobre los temas que le apasionan especialmente.
Ir a GitHub