> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Soporte de eventos de render

> Registra cuándo se renderizan los anuncios patrocinados, de forma separada de cuándo se vuelven visibles para los shoppers.

export const ChangelogActions = () => {
  return <>
      <style>{`
        .changelog-actions {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 2rem;
          padding-top: 1.5rem;
          border-top: 1px solid #e5e7eb;
        }
        
        [data-theme="dark"] .changelog-actions {
          border-top-color: #374151;
        }
        
        .changelog-btn {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          padding: 8px 16px;
          border-radius: 9999px;
          border: 1px solid #d1d5db;
          background: transparent;
          color: #6b7280;
          font-size: 14px;
          cursor: pointer;
          transition: all 0.2s ease;
        }
        
        .changelog-btn:hover {
          border-color: #9ca3af;
          background: #f9fafb;
        }
        
        [data-theme="dark"] .changelog-btn {
          border-color: #4b5563;
          color: #9ca3af;
        }
        
        [data-theme="dark"] .changelog-btn:hover {
          border-color: #6b7280;
          background: #1f2937;
        }
      `}</style>
      <div className="changelog-actions">
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    btn.innerHTML = "❤️ Like";
    btn.style.borderColor = "#ec4899";
  }}>
          🤍 Like
        </button>
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    navigator.clipboard.writeText(window.location.href);
    const originalContent = btn.innerHTML;
    btn.innerHTML = "✓ Copied";
    btn.style.borderColor = "#22c55e";
    btn.style.color = "#22c55e";
    setTimeout(() => {
      btn.innerHTML = originalContent;
      btn.style.borderColor = "";
      btn.style.color = "";
    }, 2000);
  }}>
          ↗ Share
        </button>
      </div>
    </>;
};

<div style={{ display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px" }}>
  <Badge color="gray" size="sm" icon="calendar">August 28, 2026</Badge>
  <Badge color="blue" size="sm" icon="rectangle-ad">Ad Platform</Badge>
  <Badge color="green" size="sm" icon="sparkles">New Feature</Badge>
</div>

Topsort ahora admite **eventos de render**, lo que da a los marketplaces más visibilidad sobre lo que ocurre entre ganar una subasta y que un anuncio sea visto.

Un evento de render registra cuándo un anuncio patrocinado se inserta en una página, de forma separada de una impression, que registra cuándo el anuncio se vuelve visible para el shopper.

Al reportar ambos eventos, los marketplaces pueden medir con más precisión la entrega de anuncios y distinguir los anuncios que se renderizaron de los que realmente se vieron. Esto ofrece mejor visibilidad del funnel de subasta a impression y puede ayudar a identificar problemas de placement o de implementación cuando los anuncios se devuelven o se renderizan pero no llegan a ser viewable.

Los eventos de render están disponibles a través de la Events API y se asocian con el anuncio ganador mediante su `resolvedBidId`.

Ver [docs](/es/api-reference/events/report-events).

<ChangelogActions />