> ## 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.

# Prise en charge des événements de render

> Suivez le moment où les annonces sponsorisées sont rendues, séparément du moment où elles deviennent visibles pour les 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 prend désormais en charge les **événements de render**, ce qui donne aux marketplaces plus de visibilité sur ce qui se passe entre le gain d'une enchère et le visionnage d'une annonce.

Un événement de render enregistre le moment où une annonce sponsorisée est insérée dans une page, séparément d'une impression, qui enregistre le moment où l'annonce devient visible pour le shopper.

En reportant les deux événements, les marketplaces peuvent mesurer plus précisément la diffusion des annonces et distinguer celles qui ont été rendues de celles qui ont réellement été vues. Cela offre une meilleure visibilité du funnel enchère-à-impression et peut aider à identifier des problèmes de placement ou d'implémentation lorsque des annonces sont renvoyées ou rendues sans devenir viewable.

Les événements de render sont disponibles via l'Events API et sont associés à l'annonce gagnante via son `resolvedBidId`.

Voir [docs](/fr/api-reference/events/report-events).

<ChangelogActions />