# Crea un asset articolo
impact.com supporta sia annunci HTML statici che dinamici, inclusi widget di ricerca, form incorporati e banner di prodotto. Come un *Asset Articolo*, puoi aggiornare il tuo annuncio HTML in qualsiasi momento senza strumenti di terze parti. Per caricare, includi questi due elementi obbligatori:
* Una pagina di destinazione HTTPS sicura (un URL assoluto, che inizia con `http://` o `https://`).
* Qualsiasi token dinamico URL che desideri tracciare quando gli utenti fanno clic sull'annuncio.
#### Crea Asset Articolo
1. Dalla barra di navigazione a sinistra, seleziona  **\[Engage]** → **Contenuti** → **Annunci**.
2. In alto a destra, seleziona **Crea Annuncio**  **\[Menu a discesa]**, quindi seleziona **Articolo**.
3. Completa le informazioni nelle sezioni seguenti:
Dettagli dell'asset
1. Inserisci un **Nome** per il tuo asset.
2. Facoltativamente, inserisci una **Descrizione** che fornisca dettagli sull'asset.
3. Sotto *Pagina di destinazione*, seleziona  **\[Menu a discesa]** **Personalizzato** per configurare una pagina di destinazione personalizzata per il tuo asset. Lascia l'impostazione su **Predefinito** per indirizzare i clienti alla pagina di destinazione del tuo programma.
4. Se l'annuncio è destinato alla visualizzazione su app mobile,  **\[Attiva]** **Fallback Mobile** e scegli la [proprietà app mobile](https://app.gitbook.com/s/b2rE79d9UhOKZQLgzSqx/what-would-you-like-to-learn-about/account-management/account-settings/connect-media-properties/connect-a-mobile-app) rilevante che collega alla pagina dello store della tua app.
* Questo assicura che gli utenti senza l'app vengano reindirizzati per scaricare la tua app.
5. Per aggiungere parametri al link di monitoraggio della pagina di destinazione, seleziona  **\[Aggiungi Metadati]**. Questi parametri verranno aggiunti alla fine del link di monitoraggio dell'asset.
* Scopri di più su [parametri del link di monitoraggio](https://help.impact.com/brand/it/che-cosa-vorresti-imparare/platform-features/tracking/tracking-explained/tracking-link-parameters-explained).
6. Facoltativamente, inserisci **Etichette** per rendere il tuo asset più facilmente ricercabile.
* Scopri di più su come creare e gestire [etichette degli asset](https://help.impact.com/brand/it/che-cosa-vorresti-imparare/platform-features/ads/manage-ads/add-labels-to-assets).
7.  **\[Attiva] Restringi Accesso Partner** per impostare quali gruppi di partner possono utilizzare questo asset e cerca i **Gruppi di Partner** ai quali desideri concedere l'accesso a questo asset.
Configurazione dell'asset
1. Nel *Contenuti* campo, inserisci il codice HTML/CSS/JS per il tuo annuncio oppure usa le opzioni dell'editor WYSIWYG per formattare il contenuto più facilmente.
* **Suggerimento:** Puoi caricare immagini direttamente inline con il tuo contenuto utilizzando l'editor WYSIWYG.
2. Se stai usando token dinamici, seleziona **Inserisci altri campi dinamici** per visualizzare tutti i token inseribili disponibili.
* Vedi il *riferimento dei token dinamici* di seguito per sapere che tipo di contenuto inserisce ciascun token.
3. Facoltativamente, seleziona una **Dimensione Asset** scegliendo una risoluzione dal  **\[Menu a discesa]**.
* L'opzione *Altro* ti permette di configurare una dimensione personalizzata.
Dettagli promozionali
1. Facoltativamente, seleziona un **Offerta** o **Aggiungi Nuova Offerta** dal  **\[Menu a discesa]**.
2. Facoltativamente, imposta **Data di inizio** e **Data di fine** per l'asset e imposta un **Fuso orario** dal  **\[Menu a discesa]**.
* Seleziona il  **\[Calendario]** per applicare la data dell'asset, quindi imposta il  **\[Menu a discesa]** per impostare gli orari di inizio e fine.
3. Facoltativamente, seleziona  **\[Casella non selezionata]** **Cambia pagina di destinazione alla scadenza**, e procedi selezionando **Configura Regola** per configurare cosa succede se la pagina di destinazione scade.
**Reindirizza**
1. Dal  **\[Menu a discesa]** seleziona **Reindirizza**.
2. Inserisci il link al quale l'asset reindirizzerà.
3. Facoltativamente,  **\[Attiva]** **Pagina Interstiziale** per abilitare e configurare una pagina interstiziale associata a questa regola.
4. Dal **Template**  **\[Menu a discesa]** seleziona **Personalizzato** o **Installazione App**.
1. **Personalizzato**
1. Inserisci un **Testo intestazione**.
2. Facoltativamente, inserisci una **Testo corpo**.
3. Facoltativamente, inserisci **Termini aggiuntivi** per questo asset.
4. Facoltativamente, seleziona la ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Richiedere il riconoscimento dell'utente**.
5. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Mostra il logo del partner (co-branding)** e visualizzare sia il tuo logo che il logo del partner insieme per un'esperienza co-branded.
6. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Personalizza CSS** e aggiungi il codice CSS desiderato nella casella di testo.
7. Seleziona **Anteprima**.
2. **Installazione App**
1. Inserisci un **Testo intestazione** e **Colore carattere intestazione**.
2. Inserisci un **Sottotitolo** e **Colore carattere sottotitolo**.
3. Per **Caricare il logo** e **Caricare l'immagine di copertina**, seleziona **Scegli file**. Ricorda che sono supportati i formati GIF, JPG, PNG, SVG. La dimensione massima del file è 1 MB.
4. Inserisci un **Etichetta pulsante di download** (ad es., *Scarica ora*).
* Inserisci un **Colore carattere pulsante di download** e **Colore sfondo pulsante di download**.
* Inserisci un **Etichetta pulsante Continua** e **Colore carattere pulsante Continua**.
5. Inserisci un **Countdown di reindirizzamento automatico** con il numero di secondi consentiti prima del reindirizzamento.
6. Facoltativamente, inserisci una **Testo corpo**.
7. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Mostra il logo del partner (co-branding)** e visualizzare sia il tuo logo che il logo del partner insieme per un'esperienza co-branded.
8. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Personalizza CSS** e aggiungi il codice CSS desiderato nella casella di testo.
9. Seleziona **Anteprima**.
**Blocca**
1. Facoltativamente,  **\[Attiva]** per **Usa interstiziale** per abilitare e configurare una pagina interstiziale associata a questa regola.
2. Dal **Template**  **\[Menu a discesa]** seleziona **Personalizzato**.
3. Inserisci un **Testo intestazione**.
4. Facoltativamente, inserisci una **Testo corpo**.
5. Seleziona **Anteprima**.
**Interstiziale**
1. Dal **Template**  **\[Menu a discesa]** seleziona **Personalizzato** o **Installazione App**.
1. **Personalizzato**
1. Inserisci un **Testo intestazione**.
2. Facoltativamente, inserisci una **Testo corpo**.
3. Facoltativamente, inserisci **Termini aggiuntivi** e condizioni da applicare.
4. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Richiedere il riconoscimento dell'utente**.
5. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Mostra il logo del partner (co-branding)** e visualizzare sia il tuo logo che il logo del partner insieme per un'esperienza co-branded.
6. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Personalizza CSS** e aggiungi il codice CSS desiderato nella casella di testo.
7. Seleziona **Anteprima**.
2. **Installazione App**
1. Inserisci un **Testo intestazione** e **Colore carattere intestazione**.
2. Inserisci un **Sottotitolo** e **Colore carattere sottotitolo**.
3. Per **Caricare il logo** e **Caricare l'immagine di copertina**, seleziona **Scegli file**. Ricorda che sono supportati i formati GIF, JPG, PNG, SVG. La dimensione massima del file è 1 MB.
4. Inserisci un **Etichetta pulsante di download** (ad es., *Scarica ora*).
* Inserisci un **Colore carattere pulsante di download** e **Colore sfondo pulsante di download**.
* Inserisci un **Etichetta pulsante Continua** e **Colore carattere pulsante Continua**.
5. Inserisci un **Countdown di reindirizzamento automatico**, per indicare i secondi consentiti prima del reindirizzamento.
6. Facoltativamente, inserisci una **Testo corpo**.
7. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Mostra il logo del partner (co-branding)** e visualizzare sia il tuo logo che il logo del partner insieme per un'esperienza co-branded.
8. Seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Personalizza CSS** e aggiungi il codice CSS desiderato nella casella di testo.
9. Seleziona **Anteprima** e una volta soddisfatto dell'anteprima, seleziona **Invia**.
**Deep linking mobile**
1. Dal **Template**  **\[Menu a discesa]**, seleziona **Deep linking mobile**.
2. Inserisci la **Testo intestazione** e **Colore carattere intestazione**.
3. Inserisci la **Sottotitolo** e **Colore carattere sottotitolo**.
4. Per **Caricare il logo** e **Caricare l'immagine di copertina**, seleziona **Scegli file**. Ricorda che sono supportati i formati GIF, JPG, PNG, SVG. La dimensione massima del file è 1 MB.
5. Inserisci un **Etichetta pulsante Apri app** (ad es., *Vai all'app*).
* Inserisci un **Colore carattere pulsante Apri app** e **Colore sfondo pulsante Apri app**.
* Inserisci un **Etichetta link Continua** e **Colore carattere link Continua**.
6. Scegli quando **Apri app** selezionando una delle opzioni,  **\[Pulsante radio]** **Non appena si carica l'interstiziale** o  **\[Pulsante radio]** **Quando viene premuto il pulsante**.
7. Seleziona  **\[Casella non selezionata]** per optare per un **Reindirizzamento automatico** e inserisci il numero di secondi consentiti prima del reindirizzamento.
8. Inserisci un **Percorso URI predefinito** da utilizzare quando si costruisce [URI mobile](https://help.impact.com/brand/it/che-cosa-vorresti-imparare/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes) utilizzando lo schema URL del programma configurato in [*Impostazioni di monitoraggio generali*](https://app.impact.com/secure/advertiser/tracking-settings/general-trackingsettings-flow.ihtml).
9. Inserisci un **Regex URI personalizzato** per definire il modello per la corrispondenza degli URI mobili nello schema URL personalizzato dell'app.
10. Seleziona il  **\[Casella non selezionata]** per **Personalizza CSS** e aggiungi il codice CSS desiderato nella casella di testo.
11. Seleziona **Anteprima**.
12. Facoltativamente, specifica se l'asset è **Stagionale** e usa il  **\[Menu a discesa]** per selezionare un periodo promozionale pertinente.
13. Sotto *Opzioni promozionali aggiuntive*, puoi selezionare se la tua  **\[Casella] L'offerta è un articolo più venduto** o  **\[Casella] Consenti a un partner media di richiedere il proprio codice promozionale univoco per questa promozione**.
Impostazioni avanzate
1. Dal  **\[Menu a discesa]**, seleziona in quale **Lingua** vuoi erogare questo asset.
2. Per limitare i partner all'uso di codici di tracciamento iFrame (e prevenire codici di tracciamento HTML) per questo asset, seleziona  **\[Casella]** **Limita i partner al codice di tracciamento iFrame per questo asset**.
3. Per configurare un pixel di terze parti per l'asset,  **\[Attiva] Pixel di impression di terze parti**.
* Questo ti permette di inviare dati di impression ai tuoi sistemi di analisi esterni.
* Vedi il *riferimento dei token dinamici* riferimento per sapere che tipo di contenuto puoi inserire con ciascun token.
4. Seleziona il **Salva** o **Salva bozza**  **\[Menu a discesa]** e scegli tra le seguenti opzioni:
{% tabs %}
{% tab title="Salva" %}
* **Salva** - Salva l'asset e lo attiva.
* **Salva e crea un altro** - Salva l'asset e apre un nuovo modulo per crearne un altro.
* **Salva e crea un altro con le stesse impostazioni** - Salva l'asset e avvia uno nuovo con le stesse impostazioni precompilate.
{% endtab %}
{% tab title="Salva bozza" %}
* **Salva bozza** - Salva i tuoi progressi senza attivare l'asset.
* **Salva e crea un altro** - Salva la bozza e apre un nuovo modulo bozza.
* **Salva e crea un altro con le stesse impostazioni** - Salva la bozza e avvia una nuova bozza con le stesse impostazioni precompilate.
{% endtab %}
{% endtabs %}
**Esempio di annuncio con contenuto dinamico**
Nel *Codice di esempio* fornito di seguito, abbiamo:
* Un form HTML con un campo di testo e un pulsante "Invia"
* CSS incorporato per stilizzare il form in modo indipendente rispetto ad altri contenuti
* Un `
` contenitore per il widget
* Funzione JavaScript che crea dinamicamente un link di tracciamento impact.com e aggiunge parametri alla query string
* Un `
