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

# Simplifiez la vérification tierce pour les publicités bannière

> Une nouvelle bibliothèque JavaScript d'aide gère l'insertion des tags de vérification et le contrôle du consentement, ce qui réduit le code personnalisé du storefront.

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">September 22, 2026</Badge>
  <Badge color="blue" size="sm" icon="rectangle-ad">Ad Platform</Badge>
  <Badge color="green" size="sm" icon="sparkles">New Feature</Badge>
</div>

## Nouveautés

Les marketplaces peuvent désormais plus facilement prendre en charge les annonceurs qui utilisent des fournisseurs tiers pour vérifier de manière indépendante si leurs publicités bannière se sont affichées et étaient visibles. La nouvelle bibliothèque JavaScript `@topsort/verification` insère des scripts de vérification dans les bannières rendues après que l'acheteur a donné son consentement via la Consent Management Platform (CMP) existante de la marketplace.

La bibliothèque fournit le remplacement des enregistrements, le nettoyage du cycle de vie, des diagnostics limités et un helper callback ref React facultatif. La version initiale prend en charge les moteurs de rendu personnalisés de bannières web et les tags de monitoring IAS. L'intégration automatique avec Banners.js n'est pas incluse dans `0.1.0`.

Topsort prend déjà en charge le transport des tags de vérification tierce via des modèles JSON de bannière. Cette version simplifie l'implémentation côté storefront.

## Démarrer

Installez `@topsort/verification` depuis npm. Voir [Bibliothèque d'aide à la vérification tierce](/fr/ad-platform/banners/third-party-verification) pour le périmètre pris en charge et les instructions de configuration.

<ChangelogActions />