MFPI: come implementare una zona pubblicitaria interstitial a pagina intera per mobile

L'interstitial full-page per mobile è un annuncio postitial attivato dai clic, che appare tra la pagina di origine e quella di destinazione durante la navigazione.

Gli interstitial sono una scelta pubblicitaria popolare per via delle loro dimensioni e rappresentano un'ottima alternativa al formato Mobile Popunder. Hanno un CTR elevato e un'alta visibilità.

Le opzioni di filtro degli annunci (Prodotti ed Etichette) sono disponibili così puoi controllare quali tipi di annunci possono essere mostrati ai tuoi utenti.

L'interstitial è completamente responsive, conforme a Google e alla Better Ads Coalition, e include un pulsante 'Chiudi annuncio' per una facile chiusura.

Il formato è facile da usare, con un banner verticale 900x1600 (max 150 KB), allineato con Google e l'IAB.

Passo 1

Nel pannello di amministrazione, vai su Publisher > Sites & Zones e fai clic su New Zone. Seleziona il tuo sito web dal menu a discesa, quindi scegli Mobile > Mobile Fullpage Interstitial e fai clic su Next.

Passo 2

Nome: Personalizza il nome della zona pubblicitaria in base alle tue esigenze (lungo almeno 5 caratteri).

Categoria (predefinita): Questa viene selezionata automaticamente in base alla categoria del sito che hai selezionato nel passaggio precedente.

Sottocategoria (opzionale): Ti consigliamo di non selezionare una sottocategoria per massimizzare il tuo potenziale di guadagno.

Limitazione della frequenza: Ora puoi usare il pulsante di scelta per scegliere tra Clic e Tempo.

• Tempo: Determina quante volte l'interstitial apparirà all'interno di un periodo di tempo.
• Clic: Determina quanti clic servono per mostrare l'annuncio per la prima volta e quanti clic lo faranno apparire ogni volta dopo. Nota che questo metodo considera solo i clic sui link

Esempio: Se imposti "la 1ª volta dopo 3 clic, poi ogni 15 clic", l'annuncio apparirà dopo i primi 3 clic dell'utente e poi dopo ogni 15 clic successivi.

Metodo di attivazione: Determina se i link devono avere una classe specifica affinché si attivi l'interstitial full-page per mobile.

Impostazioni del browser: Determina su quali browser deve essere mostrato il tuo annuncio:

• Tutti: Scegli questa opzione per mostrare la zona pubblicitaria su tutti i browser.
• Solo Chrome: Scegli questa opzione per mostrare la zona pubblicitaria solo su Chrome.
• Solo non Chrome: Scegli questa opzione per mostrare la zona pubblicitaria su tutti i browser tranne Chrome.
• Annunci display responsive: Gli annunci display responsive si adattano per occupare spazi pubblicitari diversi, aumentando l'inventario e ottimizzando la monetizzazione.
• Trasparenza degli annunci (DSA): La trasparenza degli annunci garantisce che gli annunci siano conformi alle normative e forniscano informazioni chiare, inclusa l'identità dell'inserzionista, per creare fiducia e promuovere la trasparenza.

HTML di fallback: Abilita questa opzione per visualizzare un HTML personalizzato quando non ci sono campagne disponibili da mostrare. Attivando questa opzione si aprono altre opzioni per la tua zona:

• Tipo: Un Soft Floor significa che eseguiremo anche campagne CPC e CPA che potrebbero avere un eCPM medio superiore al tuo CPM minimo, il che significa che il floor non è garantito al 100%. Un Hard Floor significa che eseguiremo solo campagne CPM e Smart CPM su questa zona, il che significa che il floor è garantito al 100%.
• CPM minimo: Il CPM minimo richiesto affinché le campagne appaiano in questa zona.

Nota: È necessario aggiungere un tag HTML alternativo quando si abilita l'HTML di fallback.

Passo 3

Blocca tipo di annuncio: Questo ti permette di bloccare gli annunci in base al pubblico del tuo traffico. Gli annunci "Generale" promuovono prodotti adatti a tutti i visitatori.

Blocca prodotti specifici: Puoi bloccare la visualizzazione di tipi specifici di prodotto nella tua zona pubblicitaria. Nota: bloccare troppi prodotti può far sì che non vengano mostrati annunci o ridurre significativamente i tuoi ricavi.

Una volta completati questi passaggi fai clic su CREA.

Passo 4

Una volta fatto clic su Crea, verrà generato il codice snippet dell'annuncio. Copia e incolla questo codice nel corpo del tuo sito. L'ID zona generato sarà univoco per la zona pubblicitaria che hai creato.

Esempio HTML:

<!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>

Nota: La pagina deve essere responsive su mobile, altrimenti l'annuncio non verrà visualizzato correttamente.

Utilizzo di Popunder e interstitial full-page:

Puoi combinare un interstitial full-page per mobile e un Mobile Popunder sulla stessa pagina web impostando diverse opzioni di attivazione:

Opzione 1 - Attivazione di entrambi i formati dopo un numero di clic dell'utente

Se configuri un annuncio Popunder per essere mostrato una volta ogni 24 ore e un interstitial full-page per mobile per apparire al 3º clic, e poi dopo ogni 15 clic, entrambi attivati dal clic sui link, ecco cosa succederà: l'utente vedrà il Popunder al primo clic, l'interstitial full-page per mobile al 3º clic e poi un altro annuncio interstitial apparirà dopo altri 15 clic.

Opzione 2 - Attivazione di entrambi i formati in base a dove fa clic l'utente

Puoi anche inserire trigger all'interno della pagina web per mostrare entrambi i formati pubblicitari quando un utente fa clic su miniature diverse oppure, ad esempio, quando fa clic su un video per riprodurlo o metterlo in pausa. Questo funziona configurando classi separate specifiche come trigger per ciascun formato pubblicitario.

Esempio HTML Mobile Fullpage e Pop nella stessa pagina.

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

Navigazione 
<nav>
	<a class="triggerpop" href="#">Popunder</a>
	<a class="triggerfull" href="#">Mobile Fullpage</a>
</nav>
	
Fullpage mobile 
<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 mobile

<script type="application/javascript">
(function() {

    //version 4.0.0

    var adConfig = {
    "ads_host": "a.pemsrv.com",
    "syndication_host": "s.pemsrv.com",
    "idzone": 5509218,
    "popup_fallback": false,
    "popup_force": false,
    "chrome_enabled": true,
    "new_tab": false,
    "frequency_period": 1440,
    "frequency_count": 1,
    "trigger_method": 3,
    "trigger_class": "triggerpop",
    "trigger_delay": 0,
    "capping_enabled": true,
    "tcf_enabled": true,
    "only_inline": false
};

window.document.querySelectorAll||(document.querySelectorAll=document.body.querySelectorAll=Object.querySelectorAll=function(e,o,t,i,n){var r=document,a=r.createStyleSheet();for(n=r.all,o=[],t=(e=e.replace(/\[for\b/gi,"[htmlFor").split(",")).length;t--;){for(a.addRule(e[t],"k:v"),i=n.length;i--;)n[i].currentStyle.k&&o.push(n[i]);a.removeRule(0)}return o});var popMagic={version:4,cookie_name:"",url:"",config:{},open_count:0,top:null,browser:null,venor_loaded:!1,venor:!1,tcfData:null,configTpl:{ads_host:"",syndication_host:"",idzone:"",frequency_period:720,frequency_count:1,trigger_method:1,trigger_class:"",popup_force:!1,popup_fallback:!1,chrome_enabled:!0,new_tab:!1,cat:"",tags:"",el:"",sub:"",sub2:"",sub3:"",only_inline:!1,trigger_delay:0,capping_enabled:!0,tcf_enabled:!1,cookieconsent:!0,should_fire:function(){return!0}},init:function(e){if(void 0!==e.idzone&&e.idzone){void 0===e.customTargeting&&(e.customTargeting=[]),window.customTargeting=e.customTargeting||null;var o=Object.keys(e.customTargeting).filter((function(e){return e.search("ex_")>=0}));for(var t in o.length&&o.forEach(function(e){return this.configTpl[e]=null}.bind(this)),this.configTpl)Object.prototype.hasOwnProperty.call(this.configTpl,t)&&(void 0!==e[t]?this.config[t]=e[t]:this.config[t]=this.configTpl[t]);if(void 0!==this.config.idzone&&""!==this.config.idzone){!0!==this.config.only_inline&&this.loadHosted();var i=this;this.checkTCFConsent((function(){"complete"===document.readyState?i.preparePop():i.addEventToElement(window,"load",i.preparePop)}))}}},getCountFromCookie:function(){if(!this.config.cookieconsent)return 0;var e=popMagic.getCookie(popMagic.cookie_name),o=void 0===e?0:parseInt(e);return isNaN(o)&&(o=0),o},getLastOpenedTimeFromCookie:function(){var e=popMagic.getCookie(popMagic.cookie_name),o=null;if(void 0!==e){var t=e.split(";")[1];o=t>0?parseInt(t):0}return isNaN(o)&&(o=null),o},shouldShow:function(){if(!popMagic.config.capping_enabled){var e=!0,o=popMagic.config.should_fire;try{"function"==typeof o&&(e=Boolean(o()))}catch(e){console.error("Error executing should fire callback function:",e)}return e&&0===popMagic.open_count}if(popMagic.open_count>=popMagic.config.frequency_count)return!1;var t=popMagic.getCountFromCookie(),i=popMagic.getLastOpenedTimeFromCookie(),n=Math.floor(Date.now()/1e3),r=i+popMagic.config.trigger_delay;return!(i&&r>n)&&(popMagic.open_count=t,!(t>=popMagic.config.frequency_count))},venorShouldShow:function(){return popMagic.venor_loaded&&"0"===popMagic.venor},setAsOpened:function(e){var o=e?e.target||e.srcElement:null,t={id:"",tagName:"",classes:"",text:"",href:"",elm:""};void 0!==o&&null!=o&&(t={id:void 0!==o.id&&null!=o.id?o.id:"",tagName:void 0!==o.tagName&&null!=o.tagName?o.tagName:"",classes:void 0!==o.classList&&null!=o.classList?o.classList:"",text:void 0!==o.outerText&&null!=o.outerText?o.outerText:"",href:void 0!==o.href&&null!=o.href?o.href:"",elm:o});var i=new CustomEvent("creativeDisplayed-"+popMagic.config.idzone,{detail:t});if(document.dispatchEvent(i),popMagic.config.capping_enabled){var n=1;n=0!==popMagic.open_count?popMagic.open_count+1:popMagic.getCountFromCookie()+1;var r=Math.floor(Date.now()/1e3);popMagic.config.cookieconsent&&popMagic.setCookie(popMagic.cookie_name,n+";"+r,popMagic.config.frequency_period)}else++popMagic.open_count},loadHosted:function(){var e=document.createElement("script");for(var o in e.type="application/javascript",e.async=!0,e.src="//"+this.config.ads_host+"/popunder1000.js",e.id="popmagicldr",this.config)Object.prototype.hasOwnProperty.call(this.config,o)&&"ads_host"!==o&&"syndication_host"!==o&&e.setAttribute("data-exo-"+o,this.config[o]);var t=document.getElementsByTagName("body").item(0);t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)},preparePop:function(){if("object"!=typeof exoJsPop101||!Object.prototype.hasOwnProperty.call(exoJsPop101,"add")){if(popMagic.top=self,popMagic.top!==self)try{top.document.location.toString()&&(popMagic.top=top)}catch(e){}if(popMagic.cookie_name="zone-cap-"+popMagic.config.idzone,popMagic.config.capping_enabled||(document.cookie=popMagic.cookie_name+"=;expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/"),popMagic.shouldShow()){var e=new XMLHttpRequest;e.onreadystatechange=function(){e.readyState==XMLHttpRequest.DONE&&(popMagic.venor_loaded=!0,200==e.status?popMagic.venor=e.responseText:popMagic.venor="0")};var o="https:"!==document.location.protocol&&"http:"!==document.location.protocol?"https:":document.location.protocol;e.open("GET",o+"//"+popMagic.config.syndication_host+"/venor.php",!0);try{e.send()}catch(e){popMagic.venor_loaded=!0}}if(popMagic.buildUrl(),popMagic.browser=popMagic.browserDetector.getBrowserInfo(),popMagic.config.chrome_enabled||!popMagic.browser.isChrome){var t=popMagic.getPopMethod(popMagic.browser);popMagic.addEvent("click",t)}}},getPopMethod:function(e){return popMagic.config.popup_force||popMagic.config.popup_fallback&&e.isChrome&&e.version>=68&&!e.isMobile?popMagic.methods.popup:e.isMobile?popMagic.methods.default:e.isChrome?popMagic.methods.chromeTab:popMagic.methods.default},checkTCFConsent:function(e){if(this.config.tcf_enabled&&"function"==typeof window.__tcfapi){var o=this;window.__tcfapi("addEventListener",2,(function(t,i){i&&(o.tcfData=t,"tcloaded"!==t.eventStatus&&"useractioncomplete"!==t.eventStatus||(window.__tcfapi("removeEventListener",2,(function(){}),t.listenerId),e()))}))}else e()},buildUrl:function(){var e,o="https:"!==document.location.protocol&&"http:"!==document.location.protocol?"https:":document.location.protocol,t=top===self?document.URL:document.referrer,i={type:"inline",name:"popMagic",ver:this.version},n="";customTargeting&&Object.keys(customTargeting).length&&("object"==typeof customTargeting?Object.keys(customTargeting):customTargeting).forEach((function(o){"object"==typeof customTargeting?e=customTargeting[o]:Array.isArray(customTargeting)&&(e=scriptEl.getAttribute(o));var t=o.replace("data-exo-","");n+="&"+t+"="+e}));var r=this.tcfData&&this.tcfData.gdprApplies&&!0===this.tcfData.gdprApplies?1:0;this.url=o+"//"+this.config.syndication_host+"/v1/link.php?cat="+this.config.cat+"&idzone="+this.config.idzone+"&type=8&p="+encodeURIComponent(t)+"&sub="+this.config.sub+(""!==this.config.sub2?"&sub2="+this.config.sub2:"")+(""!==this.config.sub3?"&sub3="+this.config.sub3:"")+"&block=1&el="+this.config.el+"&tags="+this.config.tags+"&scr_info="+function(e){var o=e.type+"|"+e.name+"|"+e.ver;return encodeURIComponent(btoa(o))}(i)+n+"&gdpr="+r+"&cb="+Math.floor(1e9*Math.random()),this.tcfData&&this.tcfData.tcString?this.url+="&gdpr_consent="+encodeURIComponent(this.tcfData.tcString):this.url+="&cookieconsent="+this.config.cookieconsent},addEventToElement:function(e,o,t){e.addEventListener?e.addEventListener(o,t,!1):e.attachEvent?(e["e"+o+t]=t,e[o+t]=function(){e["e"+o+t](window.event)},e.attachEvent("on"+o,e[o+t])):e["on"+o]=e["e"+o+t]},getTriggerClasses:function(){var e,o=[];-1===popMagic.config.trigger_class.indexOf(",")?e=popMagic.config.trigger_class.split(" "):e=popMagic.config.trigger_class.replace(/\s/g,"").split(",");for(var t=0;t<e.length;t++)""!==e[t]&&o.push("."+e[t]);return o},addEvent:function(e,o){var t;if("3"!=popMagic.config.trigger_method)if("2"!=popMagic.config.trigger_method||""==popMagic.config.trigger_method)if("4"!=popMagic.config.trigger_method||""==popMagic.config.trigger_method)popMagic.addEventToElement(document,e,o);else{var n=popMagic.getTriggerClasses();popMagic.addEventToElement(document,e,(function(e){n.some((function(o){return null!==e.target.closest(o)}))||o.call(e.target,e)}))}else{var r=popMagic.getTriggerClasses();for(t=document.querySelectorAll(r.join(", ")),i=0;i<t.length;i++)popMagic.addEventToElement(t[i],e,o)}else for(t=document.querySelectorAll("a"),i=0;i<t.length;i++)popMagic.addEventToElement(t[i],e,o)},setCookie:function(e,o,t){if(!this.config.cookieconsent)return!1;t=parseInt(t,10);var i=new Date;i.setMinutes(i.getMinutes()+parseInt(t));var n=encodeURIComponent(o)+"; expires="+i.toUTCString()+"; path=/";document.cookie=e+"="+n},getCookie:function(e){if(!this.config.cookieconsent)return!1;var o,t,i,n=document.cookie.split(";");for(o=0;o<n.length;o++)if(t=n[o].substr(0,n[o].indexOf("=")),i=n[o].substr(n[o].indexOf("=")+1),(t=t.replace(/^\s+|\s+$/g,""))===e)return decodeURIComponent(i)},randStr:function(e,o){for(var t="",i=o||"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=0;n<e;n++)t+=i.charAt(Math.floor(Math.random()*i.length));return t},isValidUserEvent:function(e){return!(!("isTrusted"in e)||!e.isTrusted||"ie"===popMagic.browser.name||"safari"===popMagic.browser.name)||0!=e.screenX&&0!=e.screenY},isValidHref:function(e){if(void 0===e||""==e)return!1;return!/\s?javascript\s?:/i.test(e)},findLinkToOpen:function(e){var o=e,t=!1;try{for(var i=0;i<20&&!o.getAttribute("href")&&o!==document&&"html"!==o.nodeName.toLowerCase();)o=o.parentNode,i++;var n=o.getAttribute("target");n&&-1!==n.indexOf("_blank")||(t=o.getAttribute("href"))}catch(e){}return popMagic.isValidHref(t)||(t=!1),t||window.location.href},getPuId:function(){return"ok_"+Math.floor(89999999*Math.random()+1e7)},browserDetector:{browserDefinitions:[["firefox",/Firefox\/([0-9.]+)(?:\s|$)/],["opera",/Opera\/([0-9.]+)(?:\s|$)/],["opera",/OPR\/([0-9.]+)(:?\s|$)$/],["edge",/Edg(?:e|)\/([0-9._]+)/],["ie",/Trident\/7\.0.*rv:([0-9.]+)\).*Gecko$/],["ie",/MSIE\s([0-9.]+);.*Trident\/[4-7].0/],["ie",/MSIE\s(7\.0)/],["safari",/Version\/([0-9._]+).*Safari/],["chrome",/(?!Chrom.*Edg(?:e|))Chrom(?:e|ium)\/([0-9.]+)(:?\s|$)/],["chrome",/(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9.]+)(:?\s|$)/],["bb10",/BB10;\sTouch.*Version\/([0-9.]+)/],["android",/Android\s([0-9.]+)/],["ios",/Version\/([0-9._]+).*Mobile.*Safari.*/],["yandexbrowser",/YaBrowser\/([0-9._]+)/],["crios",/CriOS\/([0-9.]+)(:?\s|$)/]],isChromeOrChromium:function(){var e=window.navigator;if(void 0!==e.userAgentData){var o=e.userAgentData.brands,t=o.some((function(e){return"Google Chrome"===e.brand})),i=o.some((function(e){return"Chromium"===e.brand}))&&2===o.length;return t||i}var n=!!window.chrome,r=e.vendor,a=e.userAgent.toLowerCase();if(-1!==a.indexOf("crios"))return!0;var c=-1!==a.indexOf("edg"),p=!!window.opr||-1!==a.indexOf("opr"),s=!(!e.brave||!e.brave.isBrave),g=-1!==a.indexOf("vivaldi"),l=-1!==a.indexOf("yabrowser");return n&&"Google Inc."===r&&!c&&!p&&!s&&!g&&!l},getBrowserInfo:function(){var e=window.navigator.userAgent,o={name:"other",version:"1.0",versionNumber:1,isChrome:this.isChromeOrChromium(),isMobile:!!e.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WebOS|Windows Phone/i)};for(var t in this.browserDefinitions){var i=this.browserDefinitions[t];if(i[1].test(e)){var n=i[1].exec(e),r=n&&n[1].split(/[._]/).slice(0,3),a=Array.prototype.slice.call(r,1).join("")||"0";r&&r.length<3&&Array.prototype.push.apply(r,1===r.length?[0,0]:[0]),o.name=i[0],o.version=r.join("."),o.versionNumber=parseFloat(r[0]+"."+a);break}}return o}},methods:{default:function(e){if(!popMagic.shouldShow()||!popMagic.venorShouldShow()||!popMagic.isValidUserEvent(e))return!0;var o=e.target||e.srcElement,t=popMagic.findLinkToOpen(o);return window.open(t,"_blank"),popMagic.setAsOpened(e),popMagic.top.document.location=popMagic.url,void 0!==e.preventDefault&&(e.preventDefault(),e.stopPropagation()),!0},chromeTab:function(e){if(!popMagic.shouldShow()||!popMagic.venorShouldShow()||!popMagic.isValidUserEvent(e))return!0;if(void 0===e.preventDefault)return!0;e.preventDefault(),e.stopPropagation();var o=top.window.document.createElement("a"),t=e.target||e.srcElement;o.href=popMagic.findLinkToOpen(t),document.getElementsByTagName("body")[0].appendChild(o);var i=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window,screenX:0,screenY:0,clientX:0,clientY:0,ctrlKey:!0,altKey:!1,shiftKey:!1,metaKey:!0,button:0});i.preventDefault=void 0,o.dispatchEvent(i),o.parentNode.removeChild(o),window.open(popMagic.url,"_self"),popMagic.setAsOpened(e)},popup:function(e){if(!popMagic.shouldShow()||!popMagic.venorShouldShow()||!popMagic.isValidUserEvent(e))return!0;var o="";if(popMagic.config.popup_fallback&&!popMagic.config.popup_force){var t=Math.max(Math.round(.8*window.innerHeight),300);o="menubar=1,resizable=1,width="+Math.max(Math.round(.7*window.innerWidth),300)+",height="+t+",top="+(window.screenY+100)+",left="+(window.screenX+100)}var i=document.location.href,n=window.open(i,popMagic.getPuId(),o);setTimeout((function(){n.location.href=popMagic.url}),200),popMagic.setAsOpened(e),void 0!==e.preventDefault&&(e.preventDefault(),e.stopPropagation())}}};    popMagic.init(adConfig);
})();
</script>

Nota:

• Le classi devono essere incluse all'interno di un tag di link <a> contenente testo semplice o un'immagine.
• Le classi non devono contenere spazi. Es.: "thumb nail". Usa invece i trattini: "thumb-nail".
• Sono consentite più classi purché siano separate da virgole: "test, thumb, ecc".

Opzione 3 - Selezione del browser

Inoltre, usando le impostazioni del browser, potresti mostrare l'interstitial full-page per mobile in un browser e il Popunder in un altro browser, poiché entrambi i formati dispongono di questa opzione. Ad esempio:

Lasciando disabilitata l'opzione Chrome Enabled, il Popunder non verrà mostrato in Chrome ma continuerà a esserlo negli altri browser.

Se selezioni anche l'opzione Solo Chrome per l'interstitial full-page per mobile, questo formato verrà visualizzato solo in Chrome.

In questo scenario, entrambi i formati saranno integrati nella stessa pagina ma attivati in base al browser che l'utente utilizza per accedere alla tua pagina.

Avere più di un interstitial full-page per mobile nello stesso punto

Non consigliamo di avere più di un interstitial full-page nello stesso punto, perché esistono altri modi per filtrare il traffico per una migliore visibilità (ad esempio tramite parole chiave o sub ID).

Tuttavia, se desideri comunque avere diversi ID zona per l'interstitial full-page per mobile, allora per favore assicurati che ogni ID zona abbia un trigger di classe diverso. Puoi seguire un'implementazione simile a Opzione 2 per Popunder + interstitial full-page.

Se hai problemi con la configurazione della tua zona Mobile FullPage Interstitial, contatta il tuo Account Manager o uno Specialista del Customer Success qui.