Instala el script de seguimiento

Clakta registra las visitas a tu sitio mediante un script: un pequeño código que creas en tu proyecto y añades a tus páginas. Un proyecto puede tener varios, por ejemplo uno por sitio.

1. Crea el script

Ve a Configuración del proyecto → Script y haz clic en Crear script.

Nombre

Cualquier nombre que te ayude a distinguir tus scripts después, como Sitio principal.

Dominios

Los sitios que pueden enviar datos con este script. Añade cada uno sin https://:

example.com
shop.example.com

Los datos de cualquier otro sitio se rechazan, así que una copia de tu sitio no puede mezclar datos falsos con los tuyos.

Eventos registrados automáticamente

Elige qué registra el script por sí solo:

Mantén Vistas de página activado: la atribución depende de él. Los demás puedes activarlos o desactivarlos cuando quieras.

2. Añádelo a tu sitio

Guarda el script y haz clic en Instrucciones de instalación en su fila. El código ya viene con el id de tu script.

Pega el código

Copia el código y pégalo dentro del <head> de todas las páginas de tu sitio:

<script
  src="https://cdn.clakta.com/script.js"
  data-id="YOUR_SCRIPT_ID"
  data-auto-init
  defer
></script>

data-auto-init empieza a registrar en cuanto carga la página. Quítalo solo si quieres empezar a registrar tú, por ejemplo después de que el visitante acepte un banner de consentimiento, llamando a clakta.init({ id: "YOUR_SCRIPT_ID" }).

Next.js

Instala el SDK:

npm install @clakta/nextjs

Después añade el provider una vez, en el layout raíz:

import { ClaktaProvider } from "@clakta/nextjs"

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <ClaktaProvider id="YOUR_SCRIPT_ID" />
        {children}
      </body>
    </html>
  )
}

Pasa el id directamente. El provider se inicia una sola vez por página, así que un valor que llega después se ignora.

React o JavaScript puro

Instala el paquete:

npm install @clakta/javascript

import clakta from "@clakta/javascript"

clakta.init({ id: "YOUR_SCRIPT_ID" })

Mientras configuras, añade debug: true para ver en la consola del navegador lo que hace el script. Para banners de consentimiento, consulta Gestión del consentimiento.

3. Comprueba que se carga

En las instrucciones de instalación, haz clic en Prueba tu sitio web y escribe uno de tus dominios. Clakta abre la página y busca el script. Un resultado verde significa que el script está en ese sitio.

Esto solo prueba que el script está ahí. Para comprobar que llegan los datos, ve a Comprueba tu configuración.

Errores habituales

Siguiente paso

Comprueba tu configuración.