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 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.

6. Facoltativamente, inserisci Etichette per rendere il tuo asset più facilmente ricercabile.

   • Scopri di più su come creare e gestire etichette degli asset.

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 [Casella non selezionata] per Richiedere il riconoscimento dell'utente.

      5. Seleziona il [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 [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 [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 [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 [Casella non selezionata] per Richiedere il riconoscimento dell'utente.

      5. Seleziona il [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 [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 [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 [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 utilizzando lo schema URL del programma configurato in Impostazioni di monitoraggio generali.

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.

1. Seleziona il Salva o Salva bozza [Menu a discesa] e scegli tra le seguenti opzioni:

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.

Salva bozza

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 <div> contenitore per il widget

• Funzione JavaScript che crea dinamicamente un link di tracciamento impact.com e aggiunge parametri alla query string

• Un <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 sul tuo sito web—impact.com supporta file HTML, CSS e JavaScript esterni per contenuti dinamici.

<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 inviato dall'utente dalla casella di ricerca 
var searchTerm = document.getElementById("searchBox").value;  
var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm=";
// Aggiungi 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 usando token dinamici e aggiunge i termini di ricerca come parametri della query string.

• Poiché il contenuto non ha un URL assoluto, usiamo {domain}, {irpid}, {iradid}, e {ircid} come token dinamici per generare un link di tracciamento, che si popolerà con il dominio di tracciamento del programma, l'ID del partner, l'ID dell'annuncio e i valori di ID del programma.

• Una volta cliccato, il cliente verrà instradato attraverso impact.com e poi reindirizzato alla pagina di destinazione—in questo caso, https://www.example.com

Riferimento token dinamici

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

Risoluzione degli errori di convalida

Potresti vedere i seguenti messaggi di errore durante la creazione del tuo annuncio di contenuto. Ecco cosa puoi fare per risolverli:

Errore di convalida	Spiegazione
"Nessun link sostituibile presente"	impact.com non riesce a rilevare link sostituibili nel Contenuti campo. I link devono includere il protocollo. Qualsiasi link che utilizza 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 nell'ancora non è assoluto"	C'è almeno 1 link in Contenuti che non è assoluto. I link assoluti usano il percorso completo iniziando con http:// o https://. Controlla errori di sintassi, come spazi prima o dopo href=.