Una vez que haya añadido correctamente la etiqueta de script a su sitio web (consulte Añadir Knowledge Tags a su sitio web), podrá añadir contenido orientado al cliente a sus páginas mediante códigos de inserción. Esto le permite mostrar contenido de entidades almacenadas en Yext en su sitio web. Esto significa que, una vez que actualice el contenido de una entidad, dicha actualización se reflejará automáticamente en su sitio web.
Nota: Debe añadir la tag <script>
a su página antes de poder aprovechar los códigos de inserción para añadir contenido.
Para añadir contenido orientado al cliente a su sitio:
- Haz clic en Pages en la barra de navegación y luego en Knowledge Tags.
- Haz clic en el botón Añadir Knowledge Tags al sitio web.
- Haz clic en el botón Seleccionar entidad y selecciona la entidad que quieras.
- Si corresponde, selecciona la configuración regional que quieras.
- Si procede, seleccione la configuración de Analytics que desee.
- Obtenga los códigos de incrustación para los campos que quiera con la ayuda de Yext Knowledge Graph. Para ver campos de entidad adicionales, haga clic en el enlace Más campos.
- Añada los códigos de incrustación donde quiera que aparezcan en su sitio web.
Ejemplo
Puede utilizar la siguiente tag de incrustación para mostrar cualquier contenido de las entidades de Yext directamente en una página web.
<span data-yext-field="name"></span>
Para seleccionar un campo de Yext, actualice el valor de data-yext-field
al nombre de la API del campo que desea mostrar. En el ejemplo anterior, estamos mostrando el campo [[name]]. Consulte Ver el nombre de la API de un campo para localizar los nombres de la API de los campos de entidades.
Páginas con múltiples entidades
Si su página muestra contenido para varias entidades, asegúrese de que sus códigos de inserción también incluyan la propiedad data-yext-id
que especifica qué datos de la entidad se deben utilizar en la tag. Por ejemplo:
Si su página muestra contenido para varias entidades, asegúrese de que sus códigos de inserción también incluyan la propiedad data-yext-id
que especifica qué datos de la entidad se deben utilizar en la tag. Por ejemplo:
- Si su página es para una entidad, el código de la dirección se verá así:
<span data-yext-field="address.line1"></span>
- Si tu página muestra varios campos de dirección, el código de dirección para cada dirección se verá así:
<span data-yext-field="address.line1" data-yext-id="815"></span>
Para obtener datos de varias entidades, debe incluir un parámetro entity_id por cada entidad en su solicitud de Knowledge Tag (por ejemplo, entity_id=example1&entity_id=example2
).
Campos personalizados
Para mostrar el contenido almacenado en los campos personalizados de tus páginas, puedes crear códigos de inserción utilizando el siguiente formato:
<span data-yext-field="c_myCustomField"></span>
Aquí, c_myCustomField
es el nombre de API del campo personalizado y la etiqueta HTML (por ejemplo, la <span>
) variará según el tipo de campo.
Campos de la lista
Para mostrar un campo de tipo lista en su página, puede utilizar cualquiera de las siguientes etiquetas HTML para mostrar el contenido de los tipos de campo de lista en su página:
-
<ul>
— listas con viñetas -
<ol>
— listas numeradas -
<span>
— lista separada por comas en una línea -
<div>
— crea una serie de<div>
elementos, cada uno en una línea distinta
Por ejemplo, para mostrar una lista con viñetas de tus productos, se usaría la siguiente etiqueta de incrustación:
<ul data-yext-field=”products”></ul>
Para mostrar un campo personalizado que contenga una lista, se utilizaría lo siguiente:
<ul data-yext-field="c_listField"></ul>
Campos adicionales
A continuación encontrará una lista de algunos de los campos que se pueden utilizar para incrustar contenido en las páginas. Estos campos están resaltados, ya que Knowledge Tags devuelve los datos en un formato específico.
Nombre del campo | Insertar etiqueta | Mostrar |
---|---|---|
Horas (con día de la semana) | <span data-yext-field="hours"></span> |
Lunes, 12:00 - 23:00 |
Horarios | <span data-yext-field="hours-monday"></span> |
12:00 - 23:00 |
Horario de vacaciones | <span data-yext-field="holidayHoursFormatted"></span> |
Sábado, 4 de julio de 2020 cerrado |
Dirección | <span data-yext-field="address.line1"></span> |
61 9th Avenue |
Comidas servidas (opción de lista) | <span data-yext-field="mealsServed" <span> |
Lista de opciones seleccionadas (p. ej., Desayuno, Almuerzo, Brunch, Cena, Happy Hour, Noche) |
SE SIRVEN COMIDAS | <span data-yext-field="mealsServed[0]" <span> |
Opción específica (por ejemplo, DESAYUNO) |
Correo electrónico | info@contacto.com | |
Enlace para obtener indicaciones |
|
Obtener indicaciones(el enlace lleva a Google Maps, que apunta a la dirección) |
Logotipo | <img data-yext-field="logo.url"> |
![]() |
Atributos de Google | <span data-yext-field="googleAttributesFormatted"></span> |
Lista de atributos relevantes separados por comas (p. ej., Es propiedad de mujeres, Ofrece clases en línea) |
Fecha y hora de inicio del evento | <div data-yext-field="start-datetime"</div> |
5 de octubre de 2022 a las 13:00:00 |
Fecha y hora de finalización del evento | <div data-yext-field="start-datetime"</div> |
5 de octubre de 2022 a las 16:00:00 |
Para obtener una lista completa de cómo se nombrarán y formatearán todos los demás datos de las entidades, visite nuestra Documentación de la API de entrega de contenido .