Ctrlk
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Wie man Anzeigentypen dynamisch mit data-block-ad-types blockiert

Als Publisher möchten Sie möglicherweise steuern, welche Arten von Anzeigen Ihren Besuchern basierend auf bestimmten Bedingungen wie Benutzerauthentifizierung, Benutzereinstellungen oder anderen Faktoren angezeigt werden. In diesem Artikel zeigen wir zwei Codeausschnitte, wie Sie dynamisch verwalten können, welche Anzeigentypen innerhalb Ihrer ExoClick-Anzeigefläche angezeigt oder blockiert werden.

Um dies zu ermöglichen, nutzen wir ExoClicks data-block-ad-types Funktion, und wir geben ihr dynamische Kontrolle über mehrere Anzeigenflächen, ohne komplexe Backend-Integrationen zu benötigen.

BEISPIEL 1 - Anzeigen dynamisch basierend auf Benutzereingaben anzeigen

Diese Methode eignet sich ideal, um Anzeigenbeschränkungen basierend auf der Zustimmung des Nutzers anzupassen. Wenn ein Besucher Ihren Bedingungen zustimmt, wird seine Präferenz im Browser des Nutzers gespeichert in seinem localStorage. Diese Aktion ändert die Anzeigeneinstellungen für diesen Nutzer bei allen nachfolgenden Besuchen dauerhaft, sodass Sie nach erteilter Zustimmung eine größere Bandbreite an Anzeigentypen ausliefern können.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <script>
      const adZoneConfigs = [
        { containerId: "zid-5662140", class: "eas6a97888e20", zoneid: "5662140" },
        { containerId: "zid-5532602", class: "eas6a97888e2", zoneid: "5532602" },
      ];

      //  ÄNDERN SIE DIE GESPERRTEN ANZEIGENTYPEN BASIEREND AUF DEM BOOLEAN-WERT UND RENDERN SIE DIE ANZEIGEN ERNEUT
      let updateAdRestrictions = (value) => {
        if (value === true) {
          adZoneConfigs.forEach((adZone) => {
            let adContainer = document.getElementById(adZone.containerId);
            adContainer.innerHTML = "";
            adContainer.innerHTML = `
            <ins class="${adZone.class}" data-zoneid="${adZone.zoneid}" data-block-ad-types=""></ins>

            `;
            (AdProvider = window.AdProvider || []).push({ serve: {} });
          });
        }
        return;
      };
    </script>
  </head>
  <body>
    <h1>TESTSEITE</h1>

    <!-- AKZEPTIEREN SIE DIE NUTZUNGSBEDINGUNGEN UND FÜGEN SIE BEIM KLICK DIE ZUSTIMMUNG DEM LOKALEN SPEICHER HINZU -->
    <button
      id="accept-terms-button"
      onclick="updateAdRestrictions(true); localStorage.setItem('acceptTerms', true); this.remove();"
    >
      Ich akzeptiere die Allgemeinen Geschäftsbedingungen
    </button>

    <main>
      <script
        async
        type="application/javascript"
        src="https://a.magsrv.com/ad-provider.js"
      ></script>

      <h2>zid-5662140</h2>
      <div id="zid-5662140">
        <ins
          class="eas6a97888e20"
          data-zoneid="5662140"
          data-block-ad-types="101"
        ></ins>

        <script>
          (AdProvider = window.AdProvider || []).push({ serve: {} });
        </script>
      </div>

      <h2>zid-5532602</h2>
      <div id="zid-5532602">
        <ins
          class="eas6a97888e2"
          data-zoneid="5532602"
          data-block-ad-types="101"
        ></ins>
        <script>
          (AdProvider = window.AdProvider || []).push({ serve: {} });
        </script>
      </div>
    </main>

    <!-- ÜBERPRÜFEN SIE DEN LOKALEN SPEICHER AUF EINEN VERIFIZIERTEN COOKIE-WERT UND RUFEN SIE updateAdRestrictions AUF, WENN DER NUTZER BEREITS VERIFIZIERT IST -->
    <!-- MUSS NACH DEN SCRIPTS DER ANZEIGENBEREICHE PLATZIERT WERDEN -->
    <script>
      const cookie = localStorage.getItem("acceptTerms");
      const parsedCookie = JSON.parse(cookie)
      if (parsedCookie === true) {
        updateAdRestrictions(true);
        document.getElementById("accept-terms-button").remove();
      }
    </script>
  </body>
</html>

BEISPIEL 2 - Anzeigen dynamisch basierend auf URL-Parametern anzeigen

Dieser Ansatz ist effektiv, um Anzeigeneinstellungen basierend auf einem URL-Parameter zu ändern. Beispielsweise können Nutzer nach der Authentifizierung zu einer URL weitergeleitet werden, die einen Parameter wie ?user_verified=1. Dieser Parameter signalisiert der Seite, dass der Nutzer verifiziert ist, und veranlasst das System, für diese Sitzung weniger restriktive Anzeigentypen anzuzeigen.

VorherigeVideo-Slider – So richten Sie eine Video-Slider-Anzeigenzone einNächsteWie man Anzeigentypen für ExoClick In-Stream-(Video)-Zonen dynamisch blockiert

Zuletzt aktualisiert

War das hilfreich?