# Crea un asset articolo

impact.com supporta sia annunci HTML statici che dinamici, inclusi widget di ricerca, moduli incorporati e banner di prodotto. Come *Asset articolo*, puoi aggiornare il tuo annuncio HTML in qualsiasi momento senza strumenti di terze parti. Per caricare, includi questi due elementi richiesti:

* Una landing page HTTPS sicura (un URL assoluto, che inizia con `http://` o `https://`).
* Eventuali token URL dinamici che desideri tracciare quando gli utenti fanno clic sull’annuncio.

#### Crea Asset articolo

1. Dal menu di navigazione a sinistra, seleziona ![](/files/56eb48c7f3195590132b62ea75c0575abe0113e5) **\[Engage]** → **Contenuto** → **Annunci**.
2. Nell'angolo in alto a destra, seleziona **Crea annuncio** ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]**, quindi seleziona **Articolo**.
3. Completa le informazioni nelle seguenti sezioni:

<details>

<summary>Dettagli dell'asset</summary>

1. Inserisci un **Nome** per il tuo asset.
2. Facoltativamente, inserisci un **Descrizione** fornendo dettagli sull’asset.
3. Sotto *Landing page*, seleziona ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]** **Personalizzato** per configurare una landing page 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 in un’app mobile, ![](/files/bcb6da087265fb9beef85997a54e50203691b8d1) **\[Attiva]** **Fallback mobile** e scegli il pertinente [proprietà dell’app mobile](/partner/it/cosa-vorresti-imparare/account-management/account-settings/connect-media-properties/connect-a-mobile-app.md) che rimanda alla scheda dell’app nello store.
   * Questo garantisce che gli utenti senza l’app verranno reindirizzati per scaricare la tua app.
5. Per aggiungere parametri al link di tracciamento della pagina di destinazione, seleziona ![](/files/0aafef99ec4e77d9b7b3e0531467b63590add75d) **\[Aggiungi metadati]**. Questi parametri verranno aggiunti alla fine del link di tracciamento dell’asset.
   * Scopri di più sulle [parametri del link di tracciamento](/brand/it/che-cosa-vorresti-imparare/platform-features/tracking/tracking-explained/tracking-link-parameters-explained.md).
6. Facoltativamente, inserisci **Etichette** per rendere il tuo asset più facilmente ricercabile.
   * Scopri di più sulla creazione e gestione di [etichette dell’asset](/brand/it/che-cosa-vorresti-imparare/platform-features/ads/manage-ads/add-labels-to-assets.md).
7. ![](/files/bcb6da087265fb9beef85997a54e50203691b8d1) **\[Attiva] Limita accesso partner** per impostare quali gruppi di partner possono usare questo asset, e cerca il **Gruppi di partner** a cui desideri concedere l'accesso a questo asset.

</details>

<details>

<summary>Configurazione dell'asset</summary>

1. Nel *Contenuto* campo, inserisci il codice HTML/CSS/JS per il tuo annuncio oppure usa le opzioni dell’editor rich text per formattare più facilmente i tuoi contenuti.
   * **Suggerimento:** Puoi caricare immagini direttamente inline con i tuoi contenuti usando l’editor rich text.
2. Se stai usando token dinamici, seleziona **Inserisci altri campi dinamici** per visualizzare tutti gli inserimenti di token disponibili.
   * Consulta il *Token dinamico* riferimento qui sotto per sapere quale tipo di contenuto inserisce ciascun token.
3. Facoltativamente, seleziona un **Dimensione dell'asset** scegliendo una risoluzione dalla ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]**.
   * Il *Altro* opzione ti consente di configurare una dimensione personalizzata.

</details>

<details>

<summary>Dettagli promozionali</summary>

1. Facoltativamente, seleziona un **Offerta** o **Aggiungi nuovo accordo** dalla ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]**.
2. Facoltativamente, imposta **Data di inizio** e **Data di fine** esistente **Fuso orario** dalla ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]**.
   * Seleziona il ![](/files/7d7db5c9c65dcf07902d01ce4485d43a8185991e) **\[Calendario]** per l’asset, e imposta un ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]** per impostare gli orari di inizio e fine.
3. Facoltativamente, seleziona ![](/files/34db5bf563ca95521c0d0f996a5e41c1ec498a75) **\[Casella non selezionata]** **Cambia la pagina di destinazione alla scadenza**, e procedi selezionando **Configura regola** per configurare cosa succede se la pagina di destinazione scade.

**Reindirizza**

1. Dalla ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]** seleziona **Reindirizza**.
2. Inserisci il link a cui l’asset reindirizzerà.
3. Facoltativamente, ![](/files/bcb6da087265fb9beef85997a54e50203691b8d1) **\[Attiva]** **Pagina interstitial** per abilitare e configurare una pagina interstitial associata a questa regola.
4. Dalla **Modello** ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]** seleziona **Personalizzato** o **Installazione app**.
   1. **Personalizzato**
      1. Inserisci un **Testo intestazione**.
      2. Facoltativamente, inserisci un **Testo del corpo**.
      3. Facoltativamente, inserisci **Termini aggiuntivi** per questo asset.
      4. Facoltativamente, seleziona il ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casella non selezionata]** per **Richiedi conferma da parte 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-branded)** e visualizza insieme il tuo logo e quello del partner 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 del font dell'intestazione**.
      2. Inserisci un **Sottotitolo** e **Colore del font del sottotitolo**.
      3. A **Carica logo** e **Carica immagine di copertina**, seleziona **Scegli file**. Ricorda che sono supportati i formati di file GIF, JPG, PNG, SVG. La dimensione massima del file è 1 MB.
      4. Inserisci un **Etichetta del pulsante di download** (ad esempio, *Scarica ora*).
         * Inserisci un **Colore del font del pulsante di download** e **Colore di sfondo del pulsante di download**.
         * Inserisci un **Etichetta del pulsante Continua** e **Colore del font del pulsante Continua**.
      5. Inserisci un **Conto alla rovescia del reindirizzamento automatico** con il numero di secondi consentiti prima del reindirizzamento.
      6. Facoltativamente, inserisci un **Testo del 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-branded)** e visualizza insieme il tuo logo e quello del partner 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, ![](/files/bcb6da087265fb9beef85997a54e50203691b8d1) **\[Attiva]** per **Usa interstitial** per abilitare e configurare una pagina interstitial associata a questa regola.
2. Dalla **Modello** ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]** seleziona **Personalizzato**.
3. Inserisci un **Testo intestazione**.
4. Facoltativamente, inserisci un **Testo del corpo**.
5. Seleziona **Anteprima**.

**Interstitial**

1. Dalla **Modello** ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]** seleziona **Personalizzato** o **Installazione app**.
   1. **Personalizzato**
      1. Inserisci un **Testo intestazione**.
      2. Facoltativamente, inserisci un **Testo del corpo**.
      3. Facoltativamente, inserisci **Termini aggiuntivi** e le 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 **Richiedi conferma da parte 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-branded)** e visualizza insieme il tuo logo e quello del partner 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 del font dell'intestazione**.
      2. Inserisci un **Sottotitolo** e **Colore del font del sottotitolo**.
      3. A **Carica logo** e **Carica immagine di copertina**, seleziona **Scegli file**. Ricorda che sono supportati i formati di file GIF, JPG, PNG, SVG. La dimensione massima del file è 1 MB.
      4. Inserisci un **Etichetta del pulsante di download** (ad esempio, *Scarica ora*).
         * Inserisci un **Colore del font del pulsante di download** e **Colore di sfondo del pulsante di download**.
         * Inserisci un **Etichetta del pulsante Continua** e **Colore del font del pulsante Continua**.
      5. Inserisci un **Conto alla rovescia del reindirizzamento automatico**, per indicare i secondi consentiti prima del reindirizzamento.
      6. Facoltativamente, inserisci un **Testo del 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-branded)** e visualizza insieme il tuo logo e quello del partner 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. Dalla **Modello** ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]**, seleziona **Deep linking mobile**.
2. Inserisci il **Testo intestazione** e **Colore del font dell'intestazione**.
3. Inserisci il **Sottotitolo** e **Colore del font del sottotitolo**.
4. A **Carica logo** e **Carica immagine di copertina**, seleziona **Scegli file**. Ricorda che sono supportati i formati di file GIF, JPG, PNG, SVG. La dimensione massima del file è 1 MB.
5. Inserisci un **Etichetta del pulsante Apri app** (ad esempio, *Vai all'app*).
   * Inserisci un **Colore del font del pulsante Apri app** e **Colore di sfondo del pulsante Apri app**.
   * Inserisci un **Etichetta del link Continua** e **Colore del font del link Continua**.
6. Scegli quando **Apertura app** selezionando una delle seguenti opzioni, ![](/files/36e8ef1ee012e92c7edd9d1bed8bf7fb6f8def89) **\[Pulsante di opzione]** **non appena l'interstitial viene caricato** o ![](/files/36e8ef1ee012e92c7edd9d1bed8bf7fb6f8def89) **\[Pulsante di opzione]** **quando il pulsante viene toccato**.
7. Seleziona ![](/files/34db5bf563ca95521c0d0f996a5e41c1ec498a75) **\[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 durante la costruzione [dell'URI mobile](/brand/it/che-cosa-vorresti-imparare/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes.md) utilizzando lo schema URL del programma configurato in [*Impostazioni generali di tracciamento*](https://app.impact.com/secure/advertiser/tracking-settings/general-trackingsettings-flow.ihtml).
9. Inserisci un **Espressione regolare URI personalizzata** per definire il pattern per l'abbinamento degli URI mobili nello schema URL personalizzato dell'app.
10. Seleziona il ![](/files/34db5bf563ca95521c0d0f996a5e41c1ec498a75) **\[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 ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]** per selezionare un periodo promozionale pertinente.
13. Sotto *Opzioni promozionali aggiuntive*, puoi selezionare se il tuo ![](/files/34db5bf563ca95521c0d0f996a5e41c1ec498a75) **\[Casella di controllo] L’offerta è un articolo più venduto** o ![](/files/34db5bf563ca95521c0d0f996a5e41c1ec498a75) **\[Casella di controllo] Consenti a un partner media di richiedere il proprio codice promo univoco per questa promozione**.

</details>

<details>

<summary>Impostazioni avanzate</summary>

1. Dalla ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[Menu a discesa]**, seleziona in quale **Lingua** desideri pubblicare questo asset.
2. Per limitare i partner all’uso dei codici di tracciamento iFrame (ed evitare i codici di tracciamento HTML) per questo asset, seleziona ![](/files/34db5bf563ca95521c0d0f996a5e41c1ec498a75) **\[Casella di spunta]** **Limita i partner al codice di tracciamento iFrame per questo asset**.
3. Per configurare un pixel di terze parti per l’asset, ![](/files/bcb6da087265fb9beef85997a54e50203691b8d1) **\[Attiva] Pixel di impression di terze parti**.
   * Questo ti consente di inviare i dati di impression ai tuoi sistemi di analisi esterni.
   * Consulta il *Token dinamico* riferimento per sapere quale tipo di contenuto puoi inserire con ciascun token.

</details>

4. Seleziona il **Salva** o **Salva bozza** ![](/files/a474859b52eb0cf0ee293759ee5542cfc1ffd5f8) **\[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 ne 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 modulo HTML con una casella di testo e un pulsante "Invia"
* CSS incorporato per stilizzare il modulo indipendentemente dagli altri contenuti
* Una `<div>` contenitore per il widget
* Funzione JavaScript che crea dinamicamente un link di tracciamento impact.com e aggiunge parametri di stringa di query
* Una `<noscript>` tag affinché il sistema accetti lo script quando non ha un link in uscita (senza questo tag, incontreremmo un errore nel tentativo di caricare questa creatività.)

  In pratica, molti di questi elementi possono essere ospitati o incorporati nel tuo sito web: impact.com supporta file HTML, CSS e JavaScript esterni per contenuti dinamici.

```programlisting
<style type="text/css">  
#search-widget-container 
{    font-family:"Verdana";
     padding:20px;     
     width:280px;    
     height:75px;
     margin:30px;
     background:#FFFFFF;
     border:1px solid #BBBDBF;
     border-radius:6px;
     box-shadow:5px 5px 2px rgba(0,0,0,0.1);   }   
     #submitbutton 
     {background:#fff;
     color:#3B91CF;
     font-weight:bold;
     font-size:12px;
     padding:5px:
     border-radius:6px;
     border:1px solid #3B91CF;
     cursor:pointer;   }   
    #submitbutton:hover {    
     background:#3B91CF;
     color:#fff;  }
     #searchbox {
      width:200px;
      margin:10px 10px 10px 0px;   }
</style>
<div id='search-widget-container'>
<img src="http://www.impactradius.com/wp-content/uploads/2014/05/impact-radius-logo.png" width="150px">  
<form><input name='searchTerm' 
   id='searchBox'
   type='text' 
   placeholder='Cerca nel sito'>
    <input onClick="searchFunction()" 
     type='submit' 
     value='Invia'
     id='submitbutton'>
 </form>
</div>
<script type="text/javascript">
function searchFunction() {  
// Ottieni il valore inserito dall'utente nella casella di ricerca 
var searchTerm = document.getElementById("searchBox").value;  
var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm=";
// Aggiungi il searchTerm alla fine della landingPage
var completeURL = landingPage.concat(searchTerm);
// Invia il cliente all'URL finale completo
window.location.href = completeURL;   } 
</script>
<noscript>
<a href=”http://www.example.com”>Link senza script</a>
</noscript>
```

* Il codice JavaScript genera un URL di tracciamento utilizzando token dinamici e aggiunge i termini di ricerca come parametri della stringa di query.
* Poiché il contenuto non ha un URL assoluto, usiamo `{domain}`, `{irpid}`, `{iradid}`, e `{ircid}` come token dinamici per generare un link di tracciamento, che viene compilato con i valori del dominio di tracciamento, ID partner, ID annuncio e ID programma.
* Una volta fatto clic, il cliente verrà instradato tramite impact.com e poi inoltrato alla landing page—in questo caso, `https://www.example.com`

<details>

<summary>Riferimento dei token dinamici</summary>

| Token                   | Supportato in                              | Descrizione                                                                                    |
| ----------------------- | ------------------------------------------ | ---------------------------------------------------------------------------------------------- |
| `{irpid}`               | Contenuto dell’asset / pixel di impression | Viene popolato con l’ID partner impact.com del partner.                                        |
| `{iradid}`              | Contenuto dell’asset / pixel di impression | Viene popolato con l’ID annuncio assegnato all’annuncio.                                       |
| `{ircid}`               | Contenuto dell’asset / pixel di impression | Viene popolato con l’ID programma (o campagna) impact.com assegnato al tuo programma.          |
| `{subId1}` - `{subId3}` | Contenuto dell’asset                       | Viene popolato con il valore del SubId del partner (usato per il tracciamento e il reporting). |
| `{sharedId}`            | Contenuto dell’asset                       | Viene popolato con il valore SharedId del partner per il reporting.                            |
| `{domain}`              | Contenuto dell’asset / pixel di impression | Viene popolato con il dominio di tracciamento del tuo programma.                               |
| `{timestamp}`           | Contenuto dell’asset                       | Viene popolato con un timestamp (in formato Unix epoch) quando l’annuncio viene recuperato.    |
| `{randint}`             | Contenuto dell’asset / pixel di impression | Viene popolato con un intero generato casualmente quando l’annuncio viene recuperato.          |

</details>

#### Risolvi gli errori di convalida

Potresti visualizzare i seguenti messaggi di errore quando crei il tuo annuncio di contenuto. Ecco cosa puoi fare per risolverli:

| Errore di convalida                            | Spiegazione                                                                                                                                                                                                     |
| ---------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| *“Nessun link sostituibile presente”*          | impact.com non può rilevare i link sostituibili nel *Contenuto* campo. I link devono includere il protocollo. Qualsiasi link che usa `http` verrà automaticamente convertito in `https`.                        |
| *“Il nome dell'annuncio non può essere vuoto”* | Devi fornire un nome per il tuo annuncio di contenuto nel *Nome* campo.                                                                                                                                         |
| *"L'URL sull'anchor non è assoluto"*           | C’è almeno 1 link in *Contenuto* che non è assoluto. I link assoluti usano il percorso completo che inizia con `http:// o https://`. Controlla eventuali problemi di sintassi, come spazi prima o dopo `href=`. |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.impact.com/brand/it/che-cosa-vorresti-imparare/platform-features/ads/create-ads/create-an-article-asset.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
