Saltar al contenido principal

MFPI: How to implement a Mobile Fullpage Interstitial ad zone

El anuncio intersticial de página completa para móviles es un anuncio posticial que se activa al hacer clic y que aparece entre la página de origen y la de destino durante la navegación.

Interstitials are a popular ad choice because of their size and is a great alternative to the Mobile Popunder format. It has a high CTR and high viewability.

Ad filter options (Products and Labels) are available so you can control what types of ad can be shown to your users.

El anuncio intersticial es totalmente receptivo, cumple con las normas de Google y de la Better Ads Coalition, e incluye un botón "Cerrar anuncio" que facilita su retirada.

El formato es fácil de usar, con un banner vertical de 900x1600 (máximo 150KB), alineado con Google y la IAB.

Primer paso​

En el panel de administración, vaya a Editor > Sitios y zonas y haga clic en Nueva zona. Seleccione su sitio web en el menú desplegable, luego elija Móvil > Intersticial de página completa móvil y haga clic en Siguiente.

Paso 2​

Name: Personalise the ad zone name to suit your own needs (at least 5 characters long).

Category (default): This is automatically selected based on the category of the site you selected in the previous step.

Subcategory (optional): We recommend that you don’t select a subcategory in order to maximise your earning potential.

Frequency capping: You can now use the radio button to choose between Clicks and Time.

  • Time: Determine how many times the interstitial will appear within a period of time.
  • Clics: Determina cuántos clics se necesitan para mostrar el anuncio por primera vez y cuántos clics harán que aparezca cada vez después. Tenga en cuenta que este método sólo tiene en cuenta los clics en enlaces

Ejemplo: Si establece "1ª vez después de 3 clics, luego cada 15 clics", el anuncio aparecerá después de los 3 primeros clics del usuario y, a partir de entonces, después de cada 15 clics.

Trigger method : Determines whether links need to have a specific class for the Mobile Fullpage Interstitial to trigger.

Browser settings : Determine on which browsers your ad should be displayed:

  • All: Choose this option to show the ad zone on all browsers.
  • Chrome Only: Choose this option to only show the ad zone on Chrome.
  • Non-Chrome Only: Choose this option to show the ad zone on all browsers except Chrome.
  • Anuncios Display Responsive: Los Responsive Display Ads se adaptan a los diferentes espacios publicitarios, aumentando el inventario y optimizando la monetización.
  • Transparencia publicitaria (DSA): La transparencia publicitaria garantiza que los anuncios cumplen la normativa y ofrecen información clara, incluida la identidad del anunciante, para generar confianza y fomentar la transparencia.

Fallback HTML: Enable this option to display a custom HTML when there are no campaigns available to show. Switching on this option opens a few more options for your zone:

  • Type: A Soft Floor means that we will also run CPC and CPA campaigns that could have an average eCPM higher than your floor CPM, meaning that the floor is not 100% guaranteed. A Hard Floor means we will only run CPM and Smart CPM campaigns on this zone, meaning that the floor is 100% guaranteed.
  • Floor CPM: The minimum CPM required for campaigns to appear in this zone.

Nota: Es necesario añadir una etiqueta HTML alternativo cuando se activa Fallback HTML.

Paso 3​

Bloquear tipo de anuncio: Esto le permite bloquear anuncios basados en la audiencia de su tráfico. los anuncios "generales" promocionan productos adecuados para todos los visitantes.

Bloquear productos específicos: Puede bloquear tipos de productos específicos para que no se muestren en su zona de anuncios. Nota: Bloquear demasiados productos puede hacer que no se muestren anuncios o reducir significativamente sus ingresos.

Una vez completados estos pasos, haga clic en CREAR.

Paso 4​

Una vez que haga clic en Crear, se generará el código del fragmento de anuncio. Copie y pegue este código en el body de su sitio. El ID de zona generado será exclusivo de la zona de anuncios que haya creado.

HTML Example:


<!DOCTYPE html>

<html>

<head></head>
<body>

<p>Fullpage Interstitial</p>

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

 <ins class="eas6a97888e33" data-zoneid="5509216"></ins> 
 <script>(AdProvider = window.AdProvider || []).push({"serve": {}});

</script>

</body>
</html>

Note: The page should be mobile responsive otherwise the ad will not display correctly.

Using Popunders and Fullpage Interstitials:​

You can combine a Mobile Fullpage Interstitial and a Mobile Popunder on the same webpage by setting different triggering options:

Option 1 - Triggering both formats after a number of user clicks​

Si configura un anuncio Popunder para que se muestre una vez cada 24 horas y un Interstitial de página completa móvil para que aparezca al tercer clic y, a continuación, cada 15 clics, ambos activados al hacer clic en enlaces, esto es lo que ocurrirá: El usuario verá el Popunder en su primer clic, el Interstitial Mobile Fullpage en el tercer clic, y luego otro anuncio Interstitial aparecerá después de 15 clics más.

HTML ejemplo Mobile Full Page & Pop en la misma página.


<html>
<head></head>

<body>

    Navigation 


    <nav>
        <a href="#section1">Section 1</a>
        <a href="#section2">Section 2</a>
        <a href="#section3">Section 3</a>
    </nav>
    
    Mobile Fullpage 

    <script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
    <ins class="eas6a97888e33" data-zoneid="5509216"></ins>
    <script>(AdProvider = window.AdProvider || []).push({ "serve": {} });</script>

    Mobile popunder 

    <script type="application/javascript">

    var ad_idzone = "5509218",
    ad_popup_fallback = false,
    ad_popup_force = false,
    ad_chrome_enabled = true,
    ad_new_tab = false,
    ad_frequency_period = 1440,
    ad_frequency_count = 1,
    ad_trigger_method = 3,
    ad_trigger_delay = 0,
    ad_capping_enabled = true; 

</script>

<script type="application/javascript" src="https://a.pemsrv.com/popunder1000.js"></script>

</body>
</html>

Option 2 - Triggering both formats depending where the user clicks​

You can also place triggers within the webpage to show both ad format when a user clicks on different thumbnails or when he clicks on a video to play or to pause a video for example. This works by setting up specific separate classes as triggers for each ad format.

HTML ejemplo Mobile Full Page & Pop en la misma página.


<html>
<head></head>
<body>

Navigation 
<nav>
    <a className="triggerpop" href="#">Popunder</a>
    <a className="triggerfull" href="#">Mobile Full Page</a>
</nav>
    
Mobile Full Page 
<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script> 
 <ins class="eas6a97888e33" data-zoneid="5509216"></ins> 
 <script>(AdProvider = window.AdProvider || []).push({"serve": {}});</script>


Mobile popunder

<script type="application/javascript">
    var ad_idzone = "5509218",
    ad_popup_fallback = false,
    ad_popup_force = false,
    ad_chrome_enabled = true,
    ad_new_tab = false,
    ad_frequency_period = 1440,
    ad_frequency_count = 1,
    ad_trigger_method = 2,
    ad_trigger_class = "triggerpop",
    ad_trigger_delay = 0,
    ad_capping_enabled = true; 
</script>

<script type="application/javascript" src="https://a.pemsrv.com/popunder1000.js"></script>

Nota:

  • Classes must be included within a link tag \<a> containing simple text or an image.
  • Classes must not contain a space. E.: "thumb nail" . Used dashes instead: "thumb-nail".
  • Multiple classes are allowed as long as are set separated by commas: "test, thumb, etc".

Option 3 - Browser selection​

Additionally, by using browser settings you could show the Mobile Fullpage Interstitial with one browser and the Popunder in another browser, as both formats have this option available. For instance:

By leaving disabled the option Chrome Enabled, this will stop the Popunder from being displayed in Chrome but not in the rest of the browsers.

If you also select the option Chrome Only for the Mobile Fullpage Interstitial, this format will only be displayed in Chrome.

In this scenario, both formats will be integrated within the same page but triggered depending on the browser the user uses to access your page.

HTML ejemplo Mobile Full Page & Pop en la misma página con Browser Settings.


<html>
<head></head>
<body>

Mobile Full Page

<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
<ins class="eas6a97888e33" data-zoneid="5509216"></ins>
<script>(AdProvider = window.AdProvider || []).push({ "serve": {} });</script>  

Popunder 

<script type="application/javascript">
    var ad_idzone = "5509218",
    ad_popup_fallback = false,
    ad_popup_force = false,
    ad_chrome_enabled = false,
    ad_new_tab = false,
    ad_frequency_period = 1440,
    ad_frequency_count = 1,
    ad_trigger_method = 2,
    ad_trigger_delay = 0,
    ad_capping_enabled = true; 
</script>

<script type="application/javascript" src="https://a.pemsrv.com/popunder1000.js"></script>


<a href="#">Click</a>

Setting up Desktop and Mobile Interstitials within the same site.​

Our fullpage interstitial is able to detect the environment (mobile or desktop) used to access the website and serve the corresponding ad.

However, depending on your site set up, you might require an additional set up to make sure the Fullpage interstitial is served for the specific intended device. While you should try to design and develop the code yourself, you can find below an example of how this can be achieved using Jquery.

HTML Example:


<!DOCTYPE html>

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.3.2/mobile-detect.min.js"></script>
</head>
<body>
<h1>Detect FPI based on device</h1>
<script type="text/javascript">
    var s = document.createElement("script");
    s.type = "text/javascript";
    window.onload = function(e) {
        if ("function" === typeof MobileDetect) {
            var detector = (new MobileDetect(window.navigator.userAgent));
            if (detector.mobile()) {
                s.setAttribute("data-idzone","3709529");
        s.setAttribute("data-ad_frequency_count","1");
        s.setAttribute("data-ad_frequency_period","5");
        s.setAttribute("data-type","mobile");
        s.setAttribute("data-browser_settings","1");
        s.setAttribute("data-ad_trigger_method","2");
        s.setAttribute("data-ad_trigger_class","test");
        s.setAttribute("src","https://a.pemsrv.com/ad-provider.js");
            }else{
        s.setAttribute("data-idzone","4217064");
        s.setAttribute("data-ad_frequency_count","1");
        s.setAttribute("data-ad_frequency_period","5");
        s.setAttribute("data-type","desktop");
        s.setAttribute("data-browser_settings","1");
        s.setAttribute("data-ad_trigger_method","2");
        s.setAttribute("data-ad_trigger_class","test");
        s.setAttribute("src","https://a.pemsrv.com/ad-provider.js");
            }
        }
        document.body.appendChild(s);
    };
</script>
<a href="https://www.wikipedia.org/" class="test">Click here</a>
</body>
</html>

Note: The page should be mobile responsive in order to display the appropriate fullpage interstitial.

Having more than one Mobile Fullpage Interstitial in one place​

We do not recommend having more than one Fullpage interstitial in one place, as there are other ways to filter your traffic for better visibility (such as via keywords or via sub IDs).

However, if still want to have different Mobile Fullpage Interstitial zone IDs, then please make sure that each zone ID has a different class trigger. You can follow a similar implementation as Option 2 for Popunder + Fullpage interstitials.

Si tiene algún problema con la configuración de su zona intersticial Mobile FullPage, póngase en contacto con su gestor de cuenta o con un especialista en éxito del cliente aquí.