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

Cómo bloquear dinámicamente tipos de anuncios usando data-block-ad-types

Como editor, es posible que desee controlar qué tipos de anuncios se muestran a sus visitantes en función de condiciones específicas como la autenticación del usuario, la configuración de preferencias del usuario u otros factores. En este artículo, mostramos dos fragmentos de código sobre cómo puede administrar dinámicamente qué tipos de anuncios se muestran o se bloquean dentro de su zona de anuncios de ExoClick.

Para hacer esto posible, estamos aprovechando la data-block-ad-types función de ExoClick, y le estamos dando control dinámico sobre múltiples ubicaciones de anuncios sin requerir integraciones complejas de backend.

EJEMPLO 1 - Mostrar anuncios dinámicamente según la entrada del usuario

Este método es ideal para ajustar las restricciones de anuncios según el consentimiento del usuario. Cuando un visitante acepta sus términos, su preferencia se almacena en el localStorage. Esta acción modifica permanentemente la configuración de anuncios para ese usuario en todas las visitas posteriores, lo que le permite ofrecer una gama más amplia de tipos de anuncios una vez que se otorga el consentimiento.

<!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" },
      ];

      // CAMBIE LOS TIPOS DE ANUNCIOS BLOQUEADOS SEGÚN UN VALOR BOOLEANO Y VUELVA A RENDERIZAR LOS ANUNCIOS
      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>PÁGINA DE PRUEBA</h1>

    <!-- ACEPTAR LOS TÉRMINOS Y AÑADIR EL CONSENTIMIENTO AL ALMACENAMIENTO LOCAL AL HACER CLIC -->
    <button
      id="accept-terms-button"
      onclick="updateAdRestrictions(true); localStorage.setItem('acceptTerms', true); this.remove();"
    >
      Acepto los términos y condiciones
    </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>

    <!-- VERIFIQUE EL ALMACENAMIENTO LOCAL EN BUSCA DE UNA COOKIE VERIFICADA Y LLAME A updateAdRestrictions SI EL USUARIO YA ESTÁ VERIFICADO -->
    <!-- DEBE COLOCARSE DESPUÉS DE LOS SCRIPTS DE LAS ZONAS DE ANUNCIOS -->
    <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>

EJEMPLO 2 - Mostrar anuncios dinámicamente según el parámetro de URL

Este enfoque es eficaz para modificar la configuración de anuncios según un parámetro de URL. Por ejemplo, después de que un usuario se autentique, se le puede redirigir a una URL que contenga un parámetro como ?user_verified=1. Este parámetro indica a la página que el usuario está verificado, lo que hace que el sistema muestre tipos de anuncios menos restrictivos para esa sesión.

AnteriorVideo Slider: cómo configurar una zona publicitaria de Video SliderSiguienteCómo bloquear dinámicamente tipos de anuncios para zonas In-stream (video) de ExoClick

Última actualización

¿Te fue útil?