Referencia del SDK para navegador
El script tiene una superficie deliberadamente pequeña: una etiqueta, un tipo de elemento, una función.
Etiqueta de script
| Atributo | Significado |
|---|---|
| src | La dirección del script que se muestra en tu página de Integraciones. |
| data-loop | Tu clave publicable. Pública; solo funciona en tu dominio verificado. |
| async | Obligatorio. El script no debe bloquear tu página. |
Elemento de espacio
| Atributo | Significado |
|---|---|
| data-loop-slot | Un nombre para la posición, de hasta 64 caracteres. Aparece en tu informe de ubicaciones. |
| data-loop-size | Opcional. Uno de 300x250, 320x50, 320x100, 728x90, 970x250, 160x600. Convierte el espacio en un banner. |
| data-loop-type | Opcional. recommendation (por defecto sin tamaño), feed o banner. |
Registrar una conversión
name es una cadena de hasta 40 caracteres. props es un objeto plano opcional de cadenas, números y booleanos. La llamada se ignora a menos que la carga de página actual haya llegado mediante una unidad.
loop('track', name, props?)Comportamiento en el que puedes confiar
- Se ejecuta una vez por página, por muchas veces que se incluya la etiqueta.
- Encuentra los espacios añadidos más tarde por la navegación en el cliente.
- Renderiza cada unidad en un shadow root cerrado: tu CSS no puede afectarla y ella no puede afectar a tu página.
- Nunca lanza errores a tu página. Cualquier fallo termina con el espacio vacío y colapsado.
- Informa mediante sendBeacon con cuerpos text/plain, por lo que no se hacen solicitudes preflight.
Depuración
Añade data-loop-debug a un espacio para abrir su shadow root y poder inspeccionarlo en las herramientas de desarrollo. En la pestaña de red, la primera solicitud es a /v1/config; un 200 significa que la clave y el dominio coinciden.