Show Menu
TEMAS×

Implementación de Target sin un administrador de etiquetas

Information about implementing Adobe Target without using a tag manager (Adobe Launch or Dynamic Tag Manager).
Adobe Launch es el método preferido y actualizado para implementar Target y la biblioteca de at.js. La siguiente información no es aplicable cuando se utiliza Adobe Launch para implementar Target.
Para acceder a la página Implementación , haga clic en Administración > Implementación .
Puede especificar la siguiente configuración en esta página:
  • Detalles de la cuenta
  • Métodos de implementación
  • API de perfil
  • Herramientas de depuración
  • Privacidad
En lugar de definir la configuración en la interfaz de usuario de Target Standard/Premium, puede anular la configuración de la biblioteca at.js o usar las API de REST. Para obtener más información, consulte targetGlobalSettings() .

Detalles de la cuenta

Puede realizar la vista de los siguientes detalles de la cuenta. No se puede cambiar esta configuración.
Configuración
Descripción
Código de cliente
El código de cliente es una secuencia de caracteres específica del cliente que a menudo se requiere al usar las API de Target.
ID de organización de IMS
Este ID vincula la implementación con su cuenta de Adobe Experience Cloud.

Métodos de implementación

En el panel Métodos de implementación se pueden configurar las siguientes opciones:

Configuración global

Esta configuración se aplica a todas las bibliotecas Target .js. Después de realizar cambios en la sección Métodos de implementación, debe descargar la biblioteca y actualizarla en la implementación.
Configuración
Descripción
Carga de página habilitada (Creación automática de mbox global)
Seleccione si quiere incrustar la llamada de mbox global en el archivo at.js para que se active automáticamente cada vez que se cargue la página.
Mbox global
Seleccione un nombre para el mbox global. De forma predeterminada, este nombre es target-global-mbox.
Pueden utilizarse caracteres especiales, incluido el símbolo &, en los nombres de mbox con at.js.
Tiempo de espera (segundos)
Si Target no responde con contenido dentro del periodo definido, se agota el tiempo de espera de la llamada del servidor y se muestra el contenido predeterminado. Se siguen realizando llamadas adicionales durante la sesión del visitante. El valor predeterminado es de 5 segundos.
La biblioteca de at.js utiliza la configuración de tiempo de espera de XMLHttpRequest . El tiempo de espera empieza cuando una solicitud se activa y se detiene cuando Target obtiene una respuesta del servidor. Para obtener más información, consulte XMLHttpRequest.timeout en la red de desarrolladores de Mozilla.
Si el tiempo de espera especificado se agota antes de recibir una respuesta, se mostrará el contenido predeterminado y el visitante se podrá contar como un participante de la actividad, ya que la recopilación de datos se realizará a partir del límite de Target. Si la solicitud alcanza el límite de Target, se contará al visitante.
Considere los siguientes puntos a la hora de configurar el tiempo de espera:
  • Si el valor es demasiado bajo, los usuarios podrían ver el contenido predeterminado la mayor parte del tiempo, aunque se cuente al visitante como un participante de la actividad.
  • Si el valor es demasiado alto, los visitantes podrían ver áreas negras en la página web o páginas en blanco si oculta el cuerpo durante periodos muy largos.
Para comprender mejor cómo funcionan los tiempos de respuesta de mbox, consulte la ficha Red en las herramientas para desarrolladores de su navegador. También puede utilizar herramientas de supervisión del rendimiento web de terceros, como Catchpoint.
Nota: Las características de visitorApiTimeout garantizan que Target no tenga que esperar a la respuesta de la API del visitante durante demasiado tiempo. Esta configuración y la configuración Tiempo de espera para at.js descrita no se afectan entre sí.
Duración del perfil
Esta opción determina durante cuánto tiempo se almacenan los perfiles de los visitantes. De forma predeterminada, los perfiles se almacenan durante dos semanas. Esto se puede aumentar a 90 días.
Para modificar la opción Duración del perfil, póngase en contacto con ClientCare .

Método de implementación principal

El equipo de Destinatario admite at.js 1. x y at.js 2. x . Actualice a la actualización más reciente de cualquiera de las versiones principales de at.js para asegurarse de que está ejecutando una versión compatible.
Para descargar la versión de at.js que desee, haga clic en el botón Descargar correspondiente.
Para editar la configuración de at.js, haga clic en Editar al lado de la versión de at.js que desee.
Antes de cambiar esta configuración predeterminada, consulte con Client Care para que no afecte a la implementación actual.
Además de la configuración explicada anteriormente, también están disponibles las siguientes configuraciones específicas de at.js:
Configuración
Descripción
Encabezado de biblioteca personalizado
Añada código de JavaScript personalizado para incluirlo en la parte superior de la biblioteca.
Pie de página de la biblioteca personalizada
Añada código de JavaScript personalizado para incluirlo en la parte inferior de la biblioteca.

API de perfil

Habilite o deshabilite la autenticación para actualizaciones en lote mediante API y genere un token de autenticación de perfil.
For more information, see Profile API settings .

Herramientas de depuración

Genere un token de autorización para utilizar herramientas Target de depuración avanzadas. Click Generate New Authentication Token .

Privacidad

Esta configuración le permite utilizar Target de conformidad con las leyes de privacidad de datos aplicables.
Elija la configuración deseada en la lista desplegable Proteger dirección IP de Visitante:
  • Confusión de último octeto
  • Confusión de IP completa
  • Ninguna
Para obtener más información, consulte Privacidad .
La opción Compatibilidad con navegadores anteriores estaba disponible en la versión 0.9.3 y anteriores de at.js. Esta opción se ha eliminado de la versión 0.9.4 de at.js. Para saber cuáles con los exploradores compatibles con at.js, consulte Exploradores compatibles
Los navegadores anteriores son navegadores más viejos que no admiten completamente CORS (Uso compartido de recursos de origen cruzado). Algunos de estos navegadores son: Internet Explorer antes de la versión 11 y Safari versión 6 y anteriores. Si la compatibilidad con navegadores anteriores estaba deshabilitada, Destinatario no ofrecía contenido ni contaba visitantes en los informes de estos navegadores. Si esta opción estaba habilitada, se recomienda realizar un control de calidad en los exploradores más antiguos para garantizar una buena experiencia del cliente.

Descargar at.js

Instructions to download the library using the Target interface or the Download API.
  • Adobe Launch es el método preferido y actualizado para implementar Target y la biblioteca de at.js. La siguiente información no es aplicable cuando se utiliza Adobe Launch para implementar Target.
  • El equipo de Destinatario admite at.js 1. x y at.js 2. x . Actualice a la actualización más reciente de cualquiera de las versiones principales de at.js para asegurarse de que está ejecutando una versión compatible. Para obtener información detallada sobre los cambios en cada versión de at.js, consulte Detalles de las versiones de at.js .

Download at.js using the Target interface

Para descargar at.js desde la interfaz de Target:
  1. Haga clic en Administración > Implementación .
  2. En la sección Métodos de implementación, haga clic en el botón Descargar al lado de la versión de at.js que desee.

Download at.js using the Target Download API

Para descargar at.js con la API
  1. Obtenga el código de cliente.
    Your client code is available at the top of the Administration > Implementation page of the Target interface.
  2. Obtenga su número de administrador.
    Cargue esta dirección URL:
    https://admin.testandtarget.omniture.com/rest/v1/endpoint/<varname>client code</varname>
    
    
    Replace client code with the client code from Step 1.
    El resultado de cargar esta dirección URL debería parecerse al siguiente ejemplo:
    { 
      "api": "https://admin6.testandtarget.omniture.com/admin/rest/v1" 
    }
    
    
    En este ejemplo, “6” es el número del administrador.
  3. Descargar at.js.
    Cargue esta dirección URL con la siguiente estructura:
    https://admin<varname>admin number</varname>.testandtarget.omniture.com/admin/rest/v1/libraries/atjs/download?client=<varname>client code</varname>&version=<version number>
    
    
    • Replace admin number with your admin number.
    • Replace client code with the client code from Step 1.
    • Replace version number with the desired at.js version number (for example, 2.2).
    El equipo de Target mantiene solo dos versiones de at.js: la actual y la penúltima. Actualice at.js cuando sea posible para garantizar que dispone de una versión compatible. Para obtener información detallada sobre los cambios en cada versión de at.js, consulte Detalles de las versiones de at.js .
    Al cargar esta dirección URL, se inicia la descarga del archivo at.js personalizado.

at.js implementation

at.js debe implementarse en el elemento <head> de cada página de su sitio web.
Una implementación típica de Target que no utiliza un administrador de etiquetas como Adobe Launch o Dynamic Tag Management tiene este aspecto:
<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Title of the Page</title> 
    <!--Preconnect and DNS-Prefetch to improve page load time--> 
    <link rel="preconnect" href="//<client code>.tt.omtrdc.net"> 
    <link rel="dns-prefetch" href="//<client code>.tt.omtrdc.net"> 
    <!--/Preconnect and DNS-Prefetch--> 
    <!--Data Layer to enable rich data collection and targeting--> 
    <script> 
        var digitalData = { 
            "page": { 
                "pageInfo": { 
                    "pageName": "Home" 
                } 
            } 
        }; 
    </script> 
    <!--/Data Layer--> 
    <!-- targetPageParams(), targetPageParamsAll(), Data Providers or targetGlobalSettings() functions to enrich the visitor profile or modify the library settings--> 
    <script> 
        targetPageParams = function() { 
            return { 
                "a": 1, 
                "b": 2, 
                "pageName": digitalData.page.pageInfo.pageName, 
                "profile": { 
                    "age": 26, 
                    "country": { 
                        "city": "San Francisco" 
                    } 
                } 
            }; 
        }; 
    </script> 
    <!--/targetPageParams()--> 
 
    <!--jQuery or other helper libraries should be implemented before at.js if you would like to use their methods in Target--> 
    <script src="jquery-3.3.1.min.js"></script> 
    <!--/jQuery--> 
    <!--Target's JavaScript SDK, at.js--> 
    <script src="at.js"></script> 
    <!--/at.js--> 
</head>
<body> 
    The default content of the page 
</body> 
</html>

Tenga en cuenta las siguientes notas importantes:
  • Se debe utilizar el tipo de documento HTML5 (por ejemplo, <!doctype html> ). Los tipos de documentos no admitidos o anteriores pueden hacer que Target no pueda realizar una solicitud.
  • Conexión previa y Recuperación previa son opciones que pueden ayudar a que sus páginas web se carguen más rápido. If you use these configurations, ensure that you replace <client code> with your own client code, which you can obtain from the Administration > **Implementation page.
  • Si tiene una capa de datos es óptimo definir la mayor cantidad posible en el <head> de sus páginas antes de que se cargue at.js. Esta ubicación proporciona la máxima capacidad para aprovechar esta información en Target para personalización.
  • Las funciones especiales de Target, como targetPageParams() , targetPageParamsAll() , proveedores de datos y targetGlobalSettings() deben definirse después de la capa de datos y antes de que at.js cargue. Alternativamente, se podrían guardar en la sección Encabezado de biblioteca de la página Editar configuración de at.js y guardarse como parte de la propia biblioteca de at.js. Para obtener más información sobre estas funciones, consulte Funciones de at.js .
  • Si usa las bibliotecas de ayuda de JavaScript, como jQuery, inclúyalas antes de Target para poder aprovechar su sintaxis y sus métodos al crear experiencias de Target.
  • Incluya at.js en el <head> de sus páginas.

Track conversions

El mbox de confirmación de pedido registra los detalles de los pedidos que se realizan en su sitio web y permite generar informes según los ingresos y los pedidos. El mbox de confirmación de pedido también puede realizar algoritmos de recomendaciones, como “Las personas que compraron el producto X también han comprado el producto Y”.
Si los usuarios realizan compras en su sitio web, le recomendamos que implemente un mbox de confirmación de pedido aunque use los informes de Analytics para Target (A4T).
  1. En la página de detalles del pedido, inserte el script de mbox siguiendo el modelo que aparece a continuación.
  2. Reemplace las PALABRAS EN MAYÚSCULAS por valores dinámicos o estáticos del catálogo.
    Utilice la delimitación por comas para separar varios ID de producto.
    Consejo: También puede pasar información de pedidos a cualquier mbox (no necesita llamarse orderConfirmPage ). De igual modo, es posible pasar información de pedido a varios mbox dentro de la misma campaña.
    <script type="text/javascript"> 
    adobe.target.trackEvent({ 
        "mbox": "orderConfirmPage", 
        "params":{  
            "orderId": "ORDER ID FROM YOUR ORDER PAGE",  
            "orderTotal": "ORDER TOTAL FROM YOUR ORDER PAGE",  
            "productPurchasedId": "PRODUCT ID FROM YOUR ORDER PAGE, PRODUCT ID2, PRODUCT ID3"  
        } 
    }); 
    </script> 
    
    
El mbox de confirmación de pedido utiliza los siguientes parámetros:
Parámetro
Descripción
orderId
Valor único para identificar un pedido de recuento de conversión.
El orderId debe ser único. Los pedidos duplicados se ignoran en los informes.
orderTotal
Valor monetario de la compra.
No pase el símbolo de moneda. Use un punto (no una coma) para indicar valores decimales.
productPurchasedId (opcional)
Lista de ID de productos comprados en el pedido, separados por comas.
Estos ID de productos se muestran en el informe de auditoría para admitir un análisis de informe adicional.