Inicio rápido

De cero a un anuncio en vivo en unos 5 minutos.

1. Añade un placement

Inicia sesión, añade y verifica tu dominio y elige uno o más huecos. Cada fragmento usa los ids que el servidor creó para ti.

2. Instala el SDK

<script async src="https://cdn.adjoin.dev/v1.js" data-placement="plc_ab12"></script>
<div id="adjoin-plc_ab12"></div>

React

// Load the SDK once (index.html or your root layout)
<script async src="https://cdn.adjoin.dev/v1.js"></script>

// AdSlot.tsx
import { useEffect } from 'react';

export function AdSlot({ placement, format = 'card' }: { placement: string; format?: string }) {
  useEffect(() => {
    const draw = () => (window as any).adjoin?.render({ placement, format });
    if ((window as any).adjoin) draw();
    else document.querySelector('script[src*="cdn.adjoin.dev/v1.js"]')
      ?.addEventListener('load', draw, { once: true });
  }, [placement, format]);
  return <div id={`adjoin-${placement}`} data-format={format} />;
}

<AdSlot placement="plc_ab12" format="card" />

3. Verifica que está activo

Abre tu sitio una vez. El panel se pone verde automáticamente cuando se detecta la primera impresión — sin recargar.

4. Registra un momento (opcional)

// Lanza un anuncio ligado a un punto concreto del ciclo de vida de tu app
adjoin.trigger('signup_complete', { placement: 'plc_ab12' });

// Registra una conversión para campañas CPA
adjoin.convert(29.00);

Preguntas: [email protected]