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.
In questa pagina:
- Verifica che il pacchetto sia conforme a SSL
- Assicurati che la struttura del file ZIP sia corretta
- Scegli l'ambiente corretto per Google Web Designer
- Definisci le dimensioni
- Imposta i clicktag e gli URL di clickthrough
Verifica che il pacchetto sia conforme a SSL
Le creatività HTML5 devono essere conformi a SSL per poter essere pubblicate su siti HTTPS.
Assicurati che la struttura del file ZIP sia corretta
Quando prepari la creatività HTML5 per il caricamento, assicurati che il file ZIP:
- Struttura corretta: il file HTML principale e tutti gli asset associati (immagini, script, CSS) devono trovarsi a livello principale dell'archivio ZIP o in sottocartelle a cui viene fatto riferimento in modo chiaro. Non nidificare il file HTML principale in più sottodirectory.
- Nessun danneggiamento: verifica che il file ZIP non sia danneggiato e sia compresso correttamente. Prova a decomprimere il file localmente per verificarne l'integrità prima del caricamento.
- Tutti gli asset inclusi: tutti gli asset a cui viene fatto riferimento (immagini, file CSS, JavaScript) devono essere inclusi nel file ZIP. Evita l'hosting esterno dei componenti essenziali della creatività, a meno che non siano esplicitamente supportati e inclusi nella lista consentita di Ad Manager. Assicurati che tutti i percorsi dei file nel codice HTML siano relativi e puntino correttamente agli asset all'interno della struttura ZIP.
Scegli l'ambiente corretto per Google Web Designer
Se hai utilizzato Google Web Designer per creare le creatività HTML5, seleziona l'ambiente Display & Video 360.
Definisci le dimensioni
- Utilizza il meta tag
sizeper 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 esempioFluid, 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à
minWidtheminHeightdel parametrocreativePropertiesdevono essere diverse da zero.Esempio
Il seguente codice restituisce un errore:"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Imposta 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 click-through per ogni uscita presente nella creatività HTML5.
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à. Scopri di più su come aggiungere uscite HTML5 (incluse le uscite che utilizzano Google Web Designer).
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
clickTagcome 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.