Una volta che hai aggiunto correttamente il tag script al tuo sito web (consulta Aggiungi Knowledge Tag al tuo sito), puoi aggiungere contenuti rivolti ai clienti alle tue pagine utilizzando i codici di incorporamento. In questo modo puoi visualizzare sul tuo sito web i contenuti delle entità memorizzate in Yext. Ciò significa che una volta aggiornato il contenuto di un'entità, l'aggiornamento si rifletterà automaticamente sul tuo sito web.
Nota: devi aggiungere il tag <script>
alla tua pagina prima di poter sfruttare i codici incorporati per aggiungere contenuti.
Per aggiungere contenuti rivolti ai clienti al tuo sito:
- Fai clic su Pagine nella barra di navigazione, quindi su Knowledge Tag.
- Fare clic sul pulsante Aggiungere Knowledge Tag al sito.
- Fai clic sul pulsante Seleziona entità e seleziona l'entità desiderata.
- Ove applicabile, seleziona le impostazioni locali desiderate.
- Ove applicabile, seleziona le impostazioni di Analytics desiderate.
- Ottieni i codici di incorporamento per i campi che desideri potenziare con il Knowledge Graph di Yext. Per visualizzare altri campi entità, fai clic sul link Altri campi.
- Aggiungi i codici di incorporamento nel punto del sito in cui preferisci che vengano visualizzati.
Esempio
Puoi utilizzare il seguente tag di incorporamento per visualizzare qualsiasi contenuto delle entità Yext direttamente su una pagina web.
<span data-yext-field="name"></span>
Per selezionare un campo da Yext, aggiorna il valore di data-yext-field
con il nome API del campo che desideri visualizzare. Nell'esempio sopra, viene visualizzato il campo Nome. Consulta Visualizza il nome API per un campo per individuare i nomi API dei campi delle entità.
Pagine con più entità
Se nella tua pagina visualizzi contenuti per più entità, assicurati che i codici di incorporamento includano anche la proprietà data-yext-id
che specifica quale entità deve essere utilizzata nel tag. Ad esempio:
Se nella tua pagina visualizzi contenuti per più entità, assicurati che i codici di incorporamento includano anche la proprietà data-yext-id
che specifica quale entità deve essere utilizzata nel tag. Ad esempio:
- Se la tua pagina è per un'entità, il codice dell'indirizzo avrà questo aspetto:
<span data-yext-field="address.line1"></span>
- Se la tua pagina visualizza più campi di indirizzo, il codice dell'indirizzo per ciascun campo sarà simile a questo:
<span data-yext-field="address.line1" data-yext-id="815"></span>
Per recuperare dati da più entità, devi includere un parametro entity_id per ciascuna entità nella tua richiesta di Knowledge Tag (ad esempio entity_id=example1&entity_id=example2
).
Campi personalizzati
Per visualizzare i contenuti memorizzati nei Campi personalizzati sulle tue pagine, puoi creare codici di incorporamento utilizzando il seguente formato:
<span data-yext-field="c_myCustomField"></span>
In questo caso, c_myCustomField
è il nome API del campo personalizzato e il Tag HTML (ad esempio, <span>
), varierà a seconda del tipo di campo.
Campi elenco
Per visualizzare un campo di tipo elenco sulla tua pagina, puoi utilizzare uno qualsiasi dei seguenti tag HTML per mostrare il contenuto dei tipi di campo elenco sulla tua pagina:
-
<ul>
— elenchi puntati -
<ol>
— elenchi numerati -
<span>
— elenco separato da virgole su una sola riga -
<div>
— crea una serie di elementi<div>
, ognuno su una riga separata
Ad esempio, per visualizzare un elenco puntato dei tuoi prodotti, dovresti utilizzare il seguente tag di incorporamento:
<ul data-yext-field=”products”></ul>
Per visualizzare un campo personalizzato che contiene un elenco, si utilizza quanto segue:
<ul data-yext-field="c_listField"></ul>
Campi aggiuntivi
Di seguito troverai un elenco di alcuni dei campi che possono essere utilizzati per incorporare contenuti nelle pagine. Questi campi vengono evidenziati, poiché i Knowledge Tag restituiscono i dati in un formato specifico.
Nome del campo | Tag di incorporamento | Visualizzato |
---|---|---|
Orari (con giorno della settimana) | <span data-yext-field="hours"></span> |
Lunedì 12:00 - 23:00 |
Orari | <span data-yext-field="hours-monday"></span> |
12:00 - 23:00 |
Orari di riposo | <span data-yext-field="holidayHoursFormatted"></span> |
Sabato 2 luglio 2020, Chiuso |
Indirizzo | <span data-yext-field="address.line1"></span> |
61 9th Avenue |
Pasti serviti (opzione elenco) | <span data-yext-field="mealsServed" <span> |
Elenco delle opzioni selezionate (ad es. Colazione, Pranzo, Brunch, Cena, Happy Hour, Tarda notte) |
Pasti serviti | <span data-yext-field="mealsServed[0]" <span> |
Opzione specifica (ad es., COLAZIONE) |
info@contact.com | ||
Link Ottieni indicazioni |
|
Ottieni indicazioni(il link porta all'indirizzo specificato su Google Maps) |
Logo | <img data-yext-field="logo.url"> |
![]() |
Attributi di Google | <span data-yext-field="googleAttributesFormatted"></span> |
Elenco degli attributi rilevanti separati da virgole (ad esempio, di proprietà di donne, offre corsi online) |
Data e ora di inizio dell'evento | <div data-yext-field="start-datetime"</div> |
5 ottobre 2022 alle 13:00:00 |
Data e ora di fine evento | <div data-yext-field="start-datetime"</div> |
5 ottobre 2022 alle 16:00 |
Per un elenco completo di come verranno denominati e formattati tutti gli altri dati delle entità, consulta la nostra Documentazione dell'API Content Delivery .