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

# Render-Event-Unterstützung

> Erfassen Sie, wann gesponserte Anzeigen gerendert werden, getrennt davon, wann sie für Shopper sichtbar werden.

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 unterstützt jetzt **Render-Events** und gibt Marketplaces mehr Sichtbarkeit darauf, was zwischen dem Gewinn einer Auktion und dem Anzeigen einer Anzeige passiert.

Ein Render-Event erfasst, wann eine gesponserte Anzeige in eine Seite eingefügt wird, getrennt von einer Impression, die erfasst, wann die Anzeige für den Shopper sichtbar wird.

Durch das Melden beider Events können Marketplaces die Anzeigenauslieferung genauer messen und Anzeigen, die gerendert wurden, von denen unterscheiden, die tatsächlich gesehen wurden. Das gibt bessere Sichtbarkeit in den Funnel von Auktion zu Impression und kann helfen, Placement- oder Implementierungsprobleme zu erkennen, wenn Anzeigen zurückgegeben oder gerendert werden, aber nicht viewable werden.

Render-Events sind über die Events API verfügbar und werden der Gewinnanzeige über die `resolvedBidId` zugeordnet.

Siehe [docs](/de/api-reference/events/report-events).

<ChangelogActions />