Integración gestionada (recomendada)
Tangiblee recomienda esta integración, ya que la utilizan el 95% de nuestros clientes minoristas. Con esta opción, el equipo de Tangiblee realiza el 99% de la integración. Simplemente agrega nuestro script a tu sitio web y listo. Tangiblee proporcionará al cliente una línea de código que adapte Tangiblee al diseño de PDP actual y garantice que la CTA de Tangiblee se muestre en los PDP relevantes.
La adaptación de Tangiblee al PDP del cliente se realiza mediante un script de código de mapeo (también conocido como tangiblee-mapper.js). El equipo de Tangiblee creará el tangiblee-mapper.js y mantenerla para el cliente en el caso de la integración gestionada. El script creado para el cliente es un contenedor del tangiblee-mapper.js que se carga desde Tangiblee CDN el tangiblee-mapper.js incluido con el script de API Tangiblee (tangiblee.js) en un tangiblee-bundle.min.js.
Tangiblee recomienda instalar el script directamente en las páginas de SKU de productos relevantes, normalmente en el cuerpo antes de la etiqueta de cierre. Tangiblee no recomienda publicar nuestro script mediante la instalación de Google Tag Manager (GTM) dado que últimas actualizaciones en IOS 17. La instalación directa también reducirá el tiempo de carga de la llamada a la acción (CTA).
El script Tangiblee debe instalarse directamente:
- <body>en la mayoría de los casos, normalmente antes de la etiqueta de cierre de <body>y recomendamos usar el atributo Async!
- O en la <head>etiqueta, sin embargo, ¡Async! el atributo es requerido
- se puede añadir a TODAS las páginas de detalles del producto, ya que la CTA solo se mostrará en los productos aprobados
El guion de Tangiblee ha sido:
- Está optimizado para el rendimiento y se prueba periódicamente con PageSpeed
- creado con capacidad de carga lenta, para cargar los recursos mínimos antes de que el usuario haga clic en Tangiblee CTA y cargar el resto después de que el usuario abra Tangiblee.
En algunos casos, los clientes necesitan más de un guion de Tangiblee, por ejemplo, un guion para el sitio web de producción (PRD) y un guion para el sitio web de puesta en escena (STG), cada uno de los cuales debe mostrar una configuración diferente de Tangiblee. Para admitir varios entornos para un cliente, cada uno con una configuración diferente, cada script tiene su propia configuración revisión. La versión del cliente es la última carpeta de la ruta del script script, como puede ver en el ejemplo siguiente, el revisión es revisión_1 que es el predeterminado revisión.
[.bad] El script se añade únicamente con fines ilustrativos. [.bad]
[.malo]Tenga en cuenta: este no es tu fragmento de integración, sino un ejemplo para esta guía. Tu punto de contacto de Tangiblee compartirá un fragmento de integración específico para tu sitio web durante el proceso de incorporación. [.bad]
A continuación, se muestran algunos ejemplos que muestran cómo funciona la integración gestionada en diferentes casos de uso mediante etiquetas, cada una con sus propias revisión.
Integración gestionada de casos de uso típicos
Este ejemplo y explicación cubren el caso de uso típico del uso de Tangiblee Managed Integration. Por lo general, se realiza al integrar un solo script en el sitio web del cliente (PRD).
Este enlace de demostración de Tangiblee Managed Integration tiene la revisión predeterminada establecida en el script: revisión_1
Como se ve en el enlace de ejemplo, revisión_1 es parte del camino hacia paquete electrónico tangible.min.js. Es una versión predeterminada que el equipo de Tangiblee proporcionará cuando la use Integración gestionada en un tipo determinado de PDP.
Cuando un cliente planea implementar una actualización del código PDP, es importante notificar al equipo de Tangiblee y proporcionarle a Tangiblee un enlace al entorno STG o DEV antes de implementar la actualización. Al notificar a Tangiblee con antelación, el equipo puede actualizar el tangiblee-mapper.js, si es necesario, y pruébelo en el nuevo PDP para garantizar un servicio continuo en el PRD después de la implementación.
Si el equipo de Tangiblee detecta un cambio, trabajaremos lo antes posible dada la carga de trabajo de nuestro equipo. Sin embargo, este no es un proceso 100% infalible y es posible que las actualizaciones realizadas por Tangiblee no reflejen el 100% de los cambios realizados por el cliente.
Por lo tanto, le recomendamos encarecidamente que actualice el equipo de Tangiblee cada vez que realice cambios en el código, la estructura o el diseño de PDP.
A continuación se muestran los aspectos más destacados del ejemplo de configuración anterior y la etiqueta:
- Un SKU en un PDP
- Un lugar activo,
- Sin precio/divisa/ATC en el widget
- Sin seguimiento de pedidos
[.bad] El script se añade únicamente con fines ilustrativos. [.bad]
[.malo]Tenga en cuenta: este no es tu fragmento de integración, sino un ejemplo para esta guía. Tu punto de contacto de Tangiblee compartirá un fragmento de integración específico para tu sitio web durante el proceso de incorporación. [.bad]
Integración gestionada de casos de uso avanzados
El caso de uso clásico para usar otra etiqueta con una diferente revisión es para un nuevo sitio web o un nuevo diseño de PDP, normalmente en el entorno de ensayo (STG). En ese caso, Tangiblee puede proporcionar una etiqueta con una nueva revisión para que el STG se asegure de que cada entorno tenga su propia configuración.
Esta nueva versión tendrá una versión más reciente Revisión_x param en una ruta hacia el paquete electrónico tangible.min.js archivo.
A continuación se muestran los aspectos más destacados de la configuración y la etiqueta:
- Un SKU en un PDP
- Un lugar activo
- Sin precio/divisa/ATC en el widget
- Sin seguimiento de pedidos
[.bad] El script se añade únicamente con fines ilustrativos. [.bad]
