Creare un modello di pagina di destinazione guidata

I modelli delle pagine di destinazione guidati hanno una sintassi particolare. Utilizza questa sintassi per specificare cosa è personalizzabile e dove termina il contenuto in ogni pagina di destinazione creata a partire dal modello. Solo le aree o variabili specificate come modificabili saranno disponibili per la personalizzazione nell’editor pagina di destinazione "Guidata".

Esistono due modi per dichiarare che un elemento della pagina deve essere modificabile:

• Dichiara un oggetto come "elemento". Il creatore della pagina di destinazione potrà aggiungere immagini, testo o risorse Marketo nelle aree specificate.
• Dichiara una stringa come "variabile". Il creatore della pagina di destinazione sarà in grado di sostituire tale variabile con una stringa, un colore o uno stato booleano da una leva true/false.

Elementi modificabili

Gli elementi vengono dichiarati aggiungendo un normale elemento DOM al modello, quindi decorando l’elemento con un nome di classe specifico per Marketo.

Testo

Se definisci un’area come RTF, gli utenti potranno modificarne il contenuto utilizzo dell’editor Rich Text di Marketo.

Attributi richiesti:
Classe: "mktoText"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Facoltativo:
Il contenuto di un elemento con classe mktoText (se fornito) verrà utilizzato come valore predefinito per l’area modificabile.

Esempio:

<div class="mktoText" id="exampleText" mktoName="Main Body Text"> Optionally add default text for the editable text area.</div>

Immagine

Sono disponibili due opzioni per la definizione degli elementi immagine modificabili. Puoi utilizzare una delle due opzioni <div>, che specifica un contenitore in cui verrà inserita l’immagine, o un <img> tag .

Opzione 1 - Utilizza un <div>

Attributi richiesti:

Classe: "mktoImg"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Facoltativo:
mktoImgClass: Stringa. Il valore qui verrà aggiunto all'attributo class del <img> all’interno del div.

Esempio:

<div class="mktoImg" id="exampleImg" mktoName="Example Image"></div>

Opzione 2 - Utilizza un <img>

Attributi richiesti:
Classe: "mktoImg"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Facoltativo:
src: URL stringa. Viene utilizzato come valore predefinito per l’immagine.

Esempio:

<img class="mktoImg" id="exampleImg" mktoName="Example Image">

Modulo

Esempio:Attributi richiesti:
Classe: "mktoForm"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

<div class="mktoForm" id="exampleForm" mktoName="Example Form"></div>

Frammento

Attributi richiesti:
Classe: "mktoSnippet"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Esempio:

<div class="mktoSnippet" id="exampleSnippet" mktoName="Example Snippet"></div>

Pulsante Condividi

Attributi richiesti:
Classe: "mktoShareButton"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Esempio:

<div class="mktoShareButton" id="exampleShareButton" mktoName="Example Share Button"></div>

Video

Attributi richiesti:
Classe: "mktoVideo"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Esempio:

<div class="mktoVideo" id="exampleVideo" mktoName="Example Video"></div>

Sondaggio

Attributi richiesti:
Classe: "mktoPoll"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Esempio:

<div class="mktoPoll" id="examplePoll" mktoName="Example Poll"></div>

Riferimento

Attributi richiesti:
Classe: "mktoReferral"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Esempio:

<div class="mktoReferral" id="exampleReferral" mktoName="Example Referral"></div>

Lotterie

Attributi richiesti:
Classe: "mktoSweepstakes"
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Esempio:

<div class="mktoSweepstakes" id="exampleSweepstakes" mktoName="Example Sweepstakes"></div>

Variabili modificabili

Tutti i tipi di variabili vengono utilizzati facendo riferimento al valore del relativo attributo id racchiuso all'interno di una sequenza di caratteri ${ }. Possono essere utilizzati in qualsiasi punto del documento, ad eccezione dell’interno di altre dichiarazioni di variabili.

Esempio:

${var1}

Dichiarazione:

Le variabili vengono dichiarate come meta tag all’interno di <head> elemento del modello. Sono disponibili tre tipi di variabili da utilizzare: Stringa, colore e booleana.

Stringa

Attributi richiesti:
Classe : "mktoString",
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Facoltativo:
default: Valore stringa per l'attributo. Vuoto se non ne è stato fornito uno.
allowHtml: "true" o "false". Controlla se il valore verrà stampato senza l’escape di HTML. Predefinito su "false" se non impostato.

Esempio di base:

<meta class="mktoString" id="var1" mktoName="My Variable">

Esempio con tutti gli attributi:

<meta class="mktoString" id="var1" mktoName="My Variable" default="This is my default value" allowHtml="true">

Colore

Attributi richiesti:
Classe : "mktoColor",
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Facoltativo:
default: Codice a colori HEX a 7 cifre. Esempio: "#336699"

Esempio di base:

<meta class="mktoColor" id="color1" mktoName="My Color Variable">

Esempio con tutti gli attributi:

<meta class="mktoColor" id="color" mktoName="My Color Variable" default="#336699">

Booleano

Attributi richiesti:
Classe : "mktoBoolean",
id: Stringa ID. Contiene solo lettere, numeri, trattino "-" e trattino basso "_". Non sono consentiti spazi. Deve essere univoco.
mktoName : Stringa. Questo è il nome visualizzato che verrà mostrato nell’editor delle pagine di destinazione. Si consiglia di utilizzare un nome descrittivo.

Facoltativo:
default: Stringa booleana. "true" o "false" controlla se il valore inizia nella posizione ON o OFF. "false" se non specificato.
false_value: Stringa. Il valore da inserire per la variabile quando si trova in posizione OFF. "false" se non specificato.
true_value: Stringa. Il valore da inserire per la variabile quando si trova nella posizione ON. "true" se non viene fornito.
false_value_name: Stringa. Nome visualizzato nell’editor della pagina di destinazione quando il valore è in posizione OFF. "OFF" se non fornito.
true_value_name: Stringa. Nome visualizzato da visualizzare nell’editor delle pagine di destinazione quando il valore è nella posizione ON. "ON" se non viene fornito.

Esempio di base:

<meta class="mktoColor" id="color" mktoName="My Color Variable" default="#336699">

<meta class="mktoBoolean" id="boolean1" mktoName="My Boolean Variable">

Esempio con tutti gli attributi:

Questo esempio mostra un caso d’uso comune in cui una variabile booleana controlla la visibilità di un elemento css impostando il valore della proprietà di visualizzazione css su "block" o "none" per mostrare/nascondere un elemento per id con CSS. L’editor della pagina di destinazione utilizza il nome visualizzato Mostra/Nascondi invece di OFF/ON.

<meta class="mktoBoolean" id="boolean1" mktoName="My Boolean Variable" default="true" true_value="block" false_value="none" false_value_name="Hide" true_value_name="Show"> <style> #myConditionalDisplayArea { display: ${boolean1}; } </style>

Risorse Business.Adobe.com