Linee guida per le creatività HTML5 per Ad Manager

Questo articolo riguarda unicamente Google Ad Manager. e nessun altro prodotto Google. Inoltre puoi esaminare i requisiti di HTML5 di Studio o i requisiti di HTML5 di Google Web Designer.

Questo articolo fornisce linee guida per la creazione e il caricamento di pacchetti zip di creatività HTML5 in Google Ad Manager.

Le linee guida dovrebbero essere applicate a qualsiasi browser che supporta HTML5. Alcune creatività potrebbero non funzionare come desiderato. Testa il codice HTML5 prima di implementarlo.

Esamina esempi di file HTML5 nella Galleria di Rich Media

Verificare che il pacchetto sia conforme a SSL

Le creatività HTML5 devono essere conformi a SSL per poter essere pubblicate su siti HTTPS.

Scegliere l'ambiente corretto per Google Web Designer

Se hai utilizzato Google Web Designer per creare le creatività HTML5, seleziona l'ambiente Display & Video 360.

Definire le dimensioni

Utilizza il meta tag size per definire le dimensioni che devono essere utilizzate per visualizzare la creatività: <meta name="ad.size" content="width=[x],height=[y]">. Le creatività HTML5 possono avere solo dimensioni fisse. Esempi: 300x250, 400x400, 728x90. Le dimensioni dinamiche, ad esempio Fluid, non sono supportate.

Esempio

<meta name="ad.size" content="width=300,height=250">
Per i file di creatività HTML nei pacchetti di Google Web Designer, le proprietà minWidth e minHeight del parametro creativeProperties devono essere diverse da zero.

Esempio

Il seguente codice restituisce un errore: "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}

Impostare i clicktag e gli URL di click-through

Un'uscita è qualsiasi area cliccabile che indirizza il browser a una pagina di destinazione. I clicktag definiscono gli URL di clickthrough per ogni uscita presente nella creatività HTML5.

Scopri di più su come aggiungere uscite HTML5 (incluse le uscite che utilizzano Google Web Designer)

Quando un utente fa clic su un'uscita, la creatività chiama Ad Manager per l'URL di click-through associato.

Imposta l'URL di uscita nella creatività o nell'annuncio, a seconda delle tue esigenze e del tipo di creatività. Se imposti i clicktag sia nella creatività sia nell'annuncio, l'impostazione a livello di annuncio ha la priorità.

Ad Manager rileva i clicktag quando carichi gli asset. Puoi modificare l'URL di clickthrough utilizzato da un clicktag in qualsiasi momento, anche dopo aver esportato i tag.

Inserisci i clicktag nella sezione <head> dei documenti HTML.

Esempio

<head> <meta name="ad.size" content="width=300,height=250"> <script type="text/javascript"> var clickTag = "http://www.google.com"; </script> </head>
Utilizza la variabile clickTag come destinazione nelle creatività.

Esempio

<a href="javascript:void(window.open(clickTag))"> <img src="images/dclk.png" border=0> </a>
Fai in modo che i clicktag siano facili da leggere per l'ad server. I clicktag non devono includere minimizzazione o offuscamento. Puoi utilizzare minificatori nel resto del codice e negli altri file.
Evita gli URL di click-through hardcoded. Gli URL hardcoded impediscono ad Ad Manager di monitorare i clic e ai trafficker di aggiornare l'URL. Quando carichi il pacchetto, Ad Manager ti avvisa se ci sono URL hardcoded nel codice HTML5.

È stato utile?

Come possiamo migliorare l'articolo?