Dopo aver definito le impostazioni degli annunci nativi, puoi definire anche il suo stile. Questo articolo illustra le impostazioni obbligatorie e facoltative che devi configurare.
Definisci lo stile dell'annuncio nativo utilizzando:
Editor di progettazione guidata
Quando selezioni l'Editor di progettazione guidata per creare uno stile nativo, puoi utilizzare i controlli per definire lo stile dell'annuncio nativo in modo che corrisponda all'aspetto del tuo sito web o della tua app. Gli aggiornamenti vengono applicati automaticamente all'anteprima dell'annuncio, per consentire la sperimentazione.
Suggerimenti per l'utilizzo dell'editor di progettazione guidata
Dimensione anteprima
Quando crei uno stile di dimensioni "Flessibili", puoi aggiornare l'impostazione "Larghezza anteprima" per vedere l'aspetto del tuo annuncio su schermi di dimensioni diverse. Puoi anche ridimensionare manualmente la larghezza utilizzando la barra blu accanto all'anteprima. L'altezza viene aggiornata automaticamente.
Riordinare gli elementi
Fai clic su Riordina elementi per mostrare o nascondere gli elementi all'interno di ciascuna scheda sul riquadro a destra e riorganizzarli. Ad esempio, puoi spostare l'invito all'azione sopra il nome dell'inserzionista e rimuovere il logo di quest'ultimo.
Riquadro "Stile dell'annuncio nativo"
Il riquadro "Stile dell'annuncio nativo" ti consente di aggiornare le impostazioni come necessario. Ad esempio, se espandi il "Titolo", puoi scegliere se vuoi che il titolo dell'annuncio abbia un massimo di 30 caratteri (breve) o 90 caratteri (lungo).
- Archivo
- Arial
- Arimo
- Bitter
- Comic sans
- EB Garamond
- Ginevra
- Georgia
- Helvetica
- Lato
- Libre Baskerville
- Libre Franklin
- Lora
- Merriweather
- Montserrat
- Mukta
- Muli
- Nunito
- Open Sans
- Open Sans Condensed
- Oswald
- Playfair Display
- Poppins
- Raleway
- Roboto
- Roboto Condensed
- Roboto Slab
- Slabo 27px
- Source Sans Pro
- Times New Roman
- Trebuchet
- Ubuntu
- Verdana
- Volkhov
Adatta nell'editor CSS
- Una volta fatto, non sarai in grado di apportare ulteriori modifiche tramite i controlli dell'interfaccia utente.
- Se si introducono errori di non conformità alle norme durante la modifica del CSS, lo stile nativo perderà l'idoneità all'asta di Ad Exchange ma potrà comunque essere pubblicato tramite la Pubblicità programmatica garantita.
- Il codice HTML non può essere modificato nell'Editor di progettazione guidata. Per ulteriori personalizzazioni, puoi scegliere l'opzione Editor HTML e CSS, ma perderai l'idoneità alla pubblicità programmatica.
Per modificare direttamente il codice CSS, attiva l'opzione Adatta nell'editor CSS.
Se modifichi il codice CSS, fai clic su Convalida per verificare che lo stile sia conforme alle norme di Ad Exchange.
HTML e CSS
Se selezioni l'opzione "Editor HTML e CSS" per creare uno stile nativo, utilizza il codice HTML e CSS per applicare stili all'annuncio nativo in modo che corrisponda all'aspetto del tuo sito web o della tua app. Gli aggiornamenti vengono applicati automaticamente all'anteprima dell'annuncio in questa pagina per consentire la sperimentazione.
Suggerimenti per l'utilizzo dell'editor HTML e CSS
Dimensione anteprima
Quando crei uno stile di dimensioni "Flessibili", puoi aggiornare l'impostazione "Larghezza anteprima" per vedere l'aspetto del tuo annuncio su schermi di dimensioni diverse. Puoi anche ridimensionare manualmente la larghezza utilizzando la barra blu accanto all'anteprima. L'altezza viene aggiornata automaticamente.
Tipo di rendering
Scegli se creare annunci nativi ottimizzati per le pagine AMP (Accelerated Mobile Pages). Ricorda che, se hai selezionato le dimensioni "Flessibili" nelle impostazioni dell'annuncio, non potrai modificare qui l'impostazione predefinita "Standard".
- Standard: gli annunci nativi funzioneranno su web desktop, web mobile e nelle app mobile. Funzioneranno anche nei contenuti AMP, ma non saranno veloci quanto la selezione di un'opzione AMP.
- AMP: gli annunci AMP sono concepiti per essere più veloci nei contenuti AMP, ma saranno comunque pubblicati nei contenuti standard.
- Standard e AMP: aggiungi codice separato per generare una delle due versioni dell'annuncio nativo. Ad Manager pubblicherà la versione AMP nei contenuti AMP e la versione standard nei contenuti standard. Leggi ulteriori informazioni sull'utilizzo dei wrapper creatività per aggiungere snippet di codice a un annuncio.
Riquadro "Stile dell'annuncio nativo"
Nel riquadro a destra, puoi alternare HTML e CSS e aggiornare di conseguenza. Scopri di più sull'aggiunta di codice per gli annunci nativi.
Aggiungi il "link universale interno" di iOS al codice HTML
Un link universale interno è un link universale iOS utilizzato in un'app per iOS per la navigazione in-app. Per utilizzare un link universale interno in una creatività nativa, aggiungi la macro %%ONE_CLICK_HANDLER_TARGET%% al relativo codice HTML, come in questo esempio:
Passaggio successivo
Dopo aver configurato lo stile, fai clic su una delle due opzioni per salvare le modifiche:
- L'opzione Salva e attiva aggiorna lo stato dello stile impostandolo su "Attivo" e consente di pubblicare annunci.
- L'opzione Salva aggiorna lo stato impostandolo su "Non attivo" e non consente ancora di pubblicare annunci. Per attivarlo in un secondo momento, vai alla tabella degli stili nativi salvati, seleziona lo stile e fai clic su Attiva.
Per utilizzare lo stile nativo per un elemento pubblicitario specifico, applica uno stile nativo a un elemento pubblicitario specifico.