DFP (documentazione varia): differenze tra le versioni

Da Webmobili Wiki.
← Differenza precedente
Nessun oggetto della modifica
 
(11 versioni intermedie di uno stesso utente non sono mostrate)
Riga 559: Riga 559:
=== ffmpeg ===
=== ffmpeg ===
Ecco i comandi necessari usando '''ffmpeg''' per creare le versioni ''mp4'' e ''webm''.
Ecco i comandi necessari usando '''ffmpeg''' per creare le versioni ''mp4'' e ''webm''.
<syntaxhighlight lang="bash">ffmpeg -i nomefile.gif nomefile.mp4
<syntaxhighlight lang="bash">ffmpeg -i nomefile.gif -movflags faststart -pix_fmt yuv420p nomefile.mp4
ffmpeg -i nomefile.mp4 -c:v libvpx -crf 15 -b:v 1M -c:a libvorbis nomefile.webm</syntaxhighlight>
ffmpeg -i nomefile.mp4 -c:v libvpx -crf 15 -b:v 1M -c:a libvorbis nomefile.webm</syntaxhighlight>


==== Un batch automatico ====
'''movflags''' – This option optimizes the structure of the MP4 file so the browser can load it as quickly as possible.<br/>
'''pix_fmt''' – MP4 videos store pixels in different formats. We include this option to specify a specific format which has maximum compatibility across all browsers.<br/>
 
==== Un BATCH automatico ====
Creare un file <code>HTML5Videos.bat</code> che converte in mp4 e webm tutte le gif che si trovano nello stesso percorso
Creare un file <code>HTML5Videos.bat</code> che converte in mp4 e webm tutte le gif che si trovano nello stesso percorso
<syntaxhighlight lang="bash">@ECHO OFF
<syntaxhighlight lang="bash">@ECHO OFF
Riga 568: Riga 571:
FOR %%f IN (*.gif) DO (
FOR %%f IN (*.gif) DO (
rem gif => mp4
rem gif => mp4
"Z:\Programmi\ffmpeg\bin\ffmpeg.exe" -i %%~nf.gif -movflags faststart -pix_fmt yuv420p -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" %%~nf.mp4
"Z:\Programmi\ffmpeg\bin\ffmpeg.exe" -y -i %%~nf.gif -movflags faststart -pix_fmt yuv420p %%~nf.mp4
rem mp4 => webm
rem mp4 => webm
"Z:\Programmi\ffmpeg\bin\ffmpeg.exe" -i %%~nf.mp4 -c:v libvpx -crf 15 -b:v 1M -c:a libvorbis %%~nf.webm
"Z:\Programmi\ffmpeg\bin\ffmpeg.exe" -y -i %%~nf.mp4 -c:v libvpx -crf 15 -b:v 1M -c:a libvorbis %%~nf.webm
ECHO %%~nf fatto
ECHO %%~nf fatto
)
)
Riga 579: Riga 582:
=== Modello HTML5 Video 2021 ===
=== Modello HTML5 Video 2021 ===
È un modello di pagina html che mostra il video generato.<br/>
È un modello di pagina html che mostra il video generato.<br/>
I file generati (+ la gif) vanno piazzati in <code>/Resources/ImmaginiWM3/dfpbanner/[Azienda]/[NomeFile]</code> e verranno referenziati dal codice html che è il seguente
I file generati (+ la gif) vanno piazzati in <code>/Resources/ImmaginiWM3/dfpbanner/[Azienda]/[NomeFile]</code> e verranno referenziati dal codice html che ha il seguente '''modello'''
<syntaxhighlight lang="html"><html>
<syntaxhighlight lang="html"><!DOCTYPE html>
<head>
<html>
  <head>
    <meta name="ad.size" content="width=%%WIDTH%%,height=%%HEIGHT%%">
    <style type="text/css">
    </style>   
  </head>
<body> 
    <a href="%%CLICK_URL_UNESC%%%%DEST_URL_ESC%%" target="_blank">
      <video id="videoAd" loop="loop" muted="muted" autoplay="autoplay" width="%%WIDTH%%" height="%%HEIGHT%%">
        <source src="https://immagini.webmobili.it/dfpbanner/[%Azienda%]/[%FileVideo%].mp4" type="video/mp4"/> 
        <source src="https://immagini.webmobili.it/dfpbanner/[%Azienda%]/[%FileVideo%].webm" type="video/webm"/>       
      </video>
    </a>   
  </body>
</html></syntaxhighlight>
 
Modificabile dall'interfaccia di DFP (Ad Manager) sotto <code>Creatività => Modelli di creatività</code>


</head>
== Debug degli spazi pubblicitari ==
</html></syntaxhighlight>
Per debuggare gli script in pagina basta aprire una console del browser e digitare
<syntaxhighlight>googletag.openConsole()</syntaxhighlight>

Versione attuale delle 16:12, 11 nov 2021

DFP (DOUBLECLICK FOR PUBLISHERS) è lo strumento di Google che permette di gestire le campagne pubblicitarie e la visualizzazione dei rispettivi banner nelle pagine del sito.

Elementi principali e definizioni

[modifica]
  • Ordine: Accordo tra un venditore interattivo e un acquirente che specifica i dettagli di una campagna pubblicitaria. Gli ordini contengono uno o più elementi pubblicitari.
  • Elemento pubblicitario: L'impegno assunto da un inserzionista relativo all'acquisto di un numero specifico di impressioni di annunci (CPM), clic di utenti (CPC) oppure ore (CPD) in un determinato periodo di tempo e a un prezzo prestabilito. Un elemento pubblicitario specifica anche la posizione in cui verranno visualizzati gli annunci di un inserzionista e può inoltre indicare il momento in cui verrà mostrato un annuncio.
  • Unità pubblicitaria: Spazi del tuo sito dedicati agli annunci. Puoi definire un'unità pubblicitaria sul tuo sito specificando nome, descrizione e dimensioni.
  • Creatività: Snippet di codice, file o link, che genera un annuncio. I termini file di annuncio e annuncio sono utilizzati come sinonimi. DFP supporta numerosi di tipi creatività, tra cui di terze parti, immagine, tag DoubleClick e DoubleClick Rich Media.

Spazi pubblicitari e distribuzione

[modifica]

Distribuzione banner GEO (negozi)


Distribuzione puntuale degli spazi con gli ID degli spazi

pagina adv extraset etichette
homepage /6412672/skin-and-companion no
homepage /6412672/Half_Page
ambiente /6412672/skin-and-companion no
ambiente /6412672/Half_Page
ambiente /6412672/AdvRedazionale1
ambiente /6412672/AdvRedazionale2
tipologia /6412672/skin-and-companion no
tipologia /6412672/AdvRedazionale1
tipologia /6412672/AdvRedazionale2
tipologia /6412672/WM_allsite_top geo
tipologia /6412672/BannedDx_Half_Box
novità /6412672/skin-and-companion no
novità /6412672/AdvRedazionale1
novità /6412672/AdvRedazionale2
novità /6412672/WM_allsite_top geo
novità /6412672/BannedDx_Half_Box
fulltext /6412672/skin-and-companion no
fulltext /6412672/AdvRedazionale1
fulltext /6412672/AdvRedazionale2
fulltext /6412672/WM_allsite_top geo
ricerca cataloghi /6412672/skin-and-companion no
ricerca cataloghi /6412672/WM_allsite_top geo
ricerca cataloghi /6412672/AdvRedazionale1
ricerca cataloghi /6412672/AdvRedazionale2
catalogo sponsor /6412672/skin-and-companion si
catalogo sponsor /6412672/BannedDx_Half_Box
brand channel /6412672/Half_Page
catalogo /6412672/skin-and-companion no
catalogo /6412672/WM_allsite_top geo
catalogo /6412672/AdvRedazionale1
catalogo /6412672/AdvRedazionale2
catalogo prodotti da negozio /6412672/skin-and-companion si
catalogo prodotti da negozio /6412672/WM_IC_TR_allsite_top
catalogo prodotti da negozio /6412672/AdvRedazionale1
catalogo prodotti da negozio /6412672/AdvRedazionale2
prodotto sponsor /6412672/skin-and-companion si
prodotto sponsor /6412672/Half_Page
prodotto /6412672/skin-and-companion no
prodotto /6412672/WM_allsite_top geo
prodotto /6412672/AdvRedazionale1
prodotto /6412672/AdvRedazionale2
prodotto da negozio /6412672/skin-and-companion si
prodotto da negozio /6412672/WM_IC_TR_allsite_top
prodotto da negozio /6412672/AdvRedazionale1
ricerca negozi /6412672/skin-and-companion no
ricerca negozi /6412672/WM_allsite_top geo
ricerca negozi /6412672/AdvRedazionale1
ricerca negozi /6412672/AdvRedazionale2
ricerca negozi da prodotto /6412672/skin-and-companion no
ricerca negozi da prodotto /6412672/WM_allsite_top
ricerca negozi da prodotto /6412672/AdvRedazionale1
ricerca negozi da prodotto /6412672/AdvRedazionale2
negozio /6412672/skin-and-companion si
negozio /6412672/WM_IC_TR_allsite_top
negozio da prodotto /6412672/skin-and-companion si
negozio da prodotto /6412672/WM_IC_TR_allsite_top
ricerca occasioni /6412672/skin-and-companion no
ricerca occasioni /6412672/WM_allsite_top geo
ricerca occasioni /6412672/AdvRedazionale1
ricerca occasioni /6412672/AdvRedazionale2
lista occasioni da negozio /6412672/skin-and-companion si
lista occasioni da negozio /6412672/WM_IC_TR_allsite_top
lista occasioni da negozio /6412672/AdvRedazionale1
lista occasioni da negozio /6412672/AdvRedazionale2
occasione /6412672/skin-and-companion si
occasione /6412672/WM_IC_TR_allsite_top
occasione /6412672/AdvRedazionale1
occasione /6412672/AdvRedazionale2
ricerca progetti /6412672/skin-and-companion no
ricerca progetti /6412672/WM_allsite_top geo
ricerca progetti /6412672/AdvRedazionale1
ricerca progetti /6412672/AdvRedazionale2
lista progetti da negozio /6412672/skin-and-companion si
lista progetti da negozio /6412672/WM_IC_TR_allsite_top
lista progetti da negozio /6412672/AdvRedazionale1
lista progetti da negozio /6412672/AdvRedazionale2
progetto da negozio /6412672/WM_IC_TR_allsite_top
progetto da negozio /6412672/AdvRedazionale1
progetto da negozio /6412672/AdvRedazionale2
progetto da brand /6412672/BannedDx_Half_Box
progetto da brand /6412672/AdvRedazionale1
progetto da brand o professional /6412672/AdvRedazionale2
progettista /6412672/skin-and-companion no
progettista /6412672/WM_allsite_top geo
progettista /6412672/AdvRedazionale2
chi siamo /6412672/skin-and-companion no
contatti /6412672/skin-and-companion no
note legali /6412672/skin-and-companion no
privacy /6412672/skin-and-companion no
faq outlet /6412672/skin-and-companion no
MAGAZINE
homepage magazine /6412672/skin-and-companion no
homepage magazine /6412672/WM_allsite_top geo
categoria magazine /6412672/skin-and-companion no
categoria magazine /6412672/WM_allsite_top geo
articolo sponsor /6412672/skin-and-companion si
articolo sponsor 6412672/Magazine_Sponsor_Halfpage
articolo /6412672/skin-and-companion no
articolo /6412672/WM_allsite_top geo
publiredazionale extraset /6412672/skin-and-companion si
publiredazionale extraset /6412672/WM_allsite_top geo
publiredazionale sponsor /6412672/skin-and-companion si
publiredazionale sponsor 6412672/Magazine_Sponsor_Halfpage
publiredazionale ex-sponsor /6412672/skin-and-companion no
publiredazionale ex-sponsor /6412672/WM_allsite_top geo

Tipi di creatività

[modifica]
Skin
Dimensioni:1920x1080,1440x800,1080x240		SkinMastheadMasthead
Halfapage
Dimensioni:300x600		HalfpageRectangle
Dimensioni:300x250		Halfpage
Banner GEO
Dimensioni:300x250		Halfpage
Redazionale
Dimensioni:300x350		HalfpageBottone sponsor spalla
Dimensioni:300x300		Halfpage
Bottone sponsor home
Dimensioni:300x300		HalfpageMobile
Dimensioni:320x50

Targeting

[modifica]
Chiave Valori Descrizione
ambiente 1,13,14,15,16,17,2,20,21,22,26,27,28,29,3,30,31,32,33,34,37,38,39,4,41,42,49,5,50,54,55,6,8,9,novita I valori sono gli ID degli ambienti, viene usato per visualizzare nei listing di prodotti per ambiente solo gli sponsor compatibili
aritcolo_sponsor si,no definisce se l'elemento pubblicitario può apparire o meno in un articolo sponsorizzato del magazine
extraset si,no definisce se l'elemento pubblicitario appartiene ad un inserzionista settore o meno
produttore [campo libero] i valori devono essere gli id degli sponsor, permette di visualizzare nelle schede del produttore esclusivamente i suoi banner
zona 1,7,10,1000,italia,estero i valori sono gli id delle lingue sul sito e italia/estero del magazine.

Logiche di pubblicazione

[modifica]

Ogni ordine corrisponde ad un manufacturer (sponsor) oppure ad un inserzionista esterno (display), la sintassi di pubblicazione deve essere SP_{idManufacturer}_{nomeManufacturer} per i primi e {nomeInserzionista}-EXTRA per i secondi.


Pubblicazione Creatività - Modello HTML5 Video

[modifica]

Le creatività con le gif sono mortificanti per le prestazioni, soprattutto lato mobile.
Quando un'azienda ci manda una gif dobbiamo convertirla nei formati mp4 e webm.

ffmpeg

[modifica]

Ecco i comandi necessari usando ffmpeg per creare le versioni mp4 e webm. 

ffmpeg -i nomefile.gif -movflags faststart -pix_fmt yuv420p nomefile.mp4
ffmpeg -i nomefile.mp4 -c:v libvpx -crf 15 -b:v 1M -c:a libvorbis nomefile.webm

movflags – This option optimizes the structure of the MP4 file so the browser can load it as quickly as possible.
pix_fmt – MP4 videos store pixels in different formats. We include this option to specify a specific format which has maximum compatibility across all browsers.

Un BATCH automatico

[modifica]

Creare un file HTML5Videos.bat che converte in mp4 e webm tutte le gif che si trovano nello stesso percorso 

@ECHO OFF

FOR %%f IN (*.gif) DO (
	rem gif => mp4
	"Z:\Programmi\ffmpeg\bin\ffmpeg.exe" -y -i %%~nf.gif -movflags faststart -pix_fmt yuv420p %%~nf.mp4
	rem mp4 => webm
	"Z:\Programmi\ffmpeg\bin\ffmpeg.exe" -y -i %%~nf.mp4 -c:v libvpx -crf 15 -b:v 1M -c:a libvorbis %%~nf.webm
	ECHO %%~nf fatto
)
PAUSE

%%~nf recupera il nome del file senza l'estensione.

Modello HTML5 Video 2021

[modifica]

È un modello di pagina html che mostra il video generato.
I file generati (+ la gif) vanno piazzati in /Resources/ImmaginiWM3/dfpbanner/[Azienda]/[NomeFile] e verranno referenziati dal codice html che ha il seguente modello 

<!DOCTYPE html>
<html>
  <head>
    <meta name="ad.size" content="width=%%WIDTH%%,height=%%HEIGHT%%">
    <style type="text/css">
    </style>    
  </head>
	<body>  
    <a href="%%CLICK_URL_UNESC%%%%DEST_URL_ESC%%" target="_blank">
      <video id="videoAd" loop="loop" muted="muted" autoplay="autoplay" width="%%WIDTH%%" height="%%HEIGHT%%">
        <source src="https://immagini.webmobili.it/dfpbanner/[%Azienda%]/[%FileVideo%].mp4" type="video/mp4"/>  
        <source src="https://immagini.webmobili.it/dfpbanner/[%Azienda%]/[%FileVideo%].webm" type="video/webm"/>        
      </video>
    </a>    
   </body>
</html>

Modificabile dall'interfaccia di DFP (Ad Manager) sotto Creatività => Modelli di creatività

Debug degli spazi pubblicitari

[modifica]

Per debuggare gli script in pagina basta aprire una console del browser e digitare 

googletag.openConsole()
Estratto da "https://wiki.wmdemo.it/index.php?title=DFP_(documentazione_varia)&oldid=1752"