Compartir a través de

Marcadores de posición de objetos de ensamblado nativos

  • Artículo

Puede agregar una variedad de marcadores de posición de objetos de imagen y datos estándar y personalizados al cuadro de texto HTML de la pestaña Representador de los ensamblados nativos. Esta es una lista de los marcadores de posición de objetos de imagen y datos estándar y personalizados disponibles:

Marcadores de posición de objetos de datos estándar

Marcador de posición Description
[%title%] Título que aparecerá cuando se represente la creatividad nativa.
[%body%] Descripción breve que proporcionará detalles sobre la creatividad nativa.
[%sponsoredBy%] Nombre de marca que se asociará a la creatividad nativa.
[%cta%] Anima al usuario a realizar las acciones necesarias después de ver la creatividad nativa (por ejemplo, firmar para la lista de correo).
[%clickUrl%] Dirección URL al sitio web al que se redirigirá al usuario cuando haga clic en la creatividad nativa.
[%displayUrl%] Dirección URL pública que será visible para el usuario cuando se represente la creatividad nativa.
[%clickFallbackUrl%] Dirección URL de copia de seguridad si no se admite la dirección URL de clic principal.
[%price%] Precio por producto / aplicación / compra en la aplicación. Se debe incluir el símbolo de moneda localizado adecuado.
[%salePrice%] Precio de venta que se puede utilizar junto con el precio para indicar un precio con descuento en comparación con un precio normal. Se debe incluir el símbolo de moneda localizado adecuado.
[%rating%] Clasificación del producto que se ofrece al usuario. Por ejemplo, la clasificación de una aplicación en una tienda de aplicaciones de 0 a 5.
[%likes%] Número de clasificaciones sociales o "me gusta" del producto que se ofrece al usuario.
[%downloads%] Número de descargas e instalaciones de este producto.
[%phone%] Número de teléfono que será visible para el usuario cuando se represente la creatividad nativa. El número de teléfono debe tener el formato de acuerdo con su localidad. Por ejemplo, el número de teléfono tendría el formato siguiente si se basara en el Estados Unidos: 800-555-5555.
[%address%] Dirección que será visible para el usuario cuando se represente la creatividad nativa.
[%desc2%] Versión detallada del texto del cuerpo del creativo nativo.

Html de ejemplo: título [%title%]

<p class='native-title'>[%title%]</p>
            <div class='native-body'>
            <a href='[%clickUrl%]' target='_blank'>Click Here</a>
            
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%]

Se ha agregado un marcador de posición ([%title%] en la primera línea). Puede agregar [%title%] para representar dónde desea agregar la vista Nativa, que se encuentra en el lado izquierdo de las pestañas Programa de instalación y Representador . En la vista Nativa, puedes reemplazar por [%title%] el título predeterminado "10 alimentos de desayuno que todo el mundo necesita en su dieta" o el título del creativo ganador.

Html de ejemplo: llamada a la acción [%cta%]

<p class='native-title'>[%title%]</p>
            <div class='native-body'>
            <a href='[%clickUrl%]' target='_blank'>[%cta%]</a>
            
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%]

Se ha agregado un marcador de posición ([%cta%] en la tercera línea). Puede agregar [%cta%] para representar dónde desea agregar la vista Nativa, que se encuentra en el lado izquierdo de las pestañas Programa de instalación y Representador . En la vista Nativa, puede reemplazar por [%cta%]Haga clic aquí.

Marcadores de posición de objetos de imagen estándar

Todos los marcadores de posición de objetos de imagen estándar tienen una dirección URL, un ancho y una propiedad de alto, por lo que debe agregar la propiedad adecuada después de "imagen". Por ejemplo, [%image.url%], [%image.width%]y [%image.height%].

Marcador de posición Description
[%image%] Imagen principal que aparecerá cuando se represente la creatividad nativa.
[%icon%] Icono principal que aparecerá cuando se represente la creatividad nativa.

CSS de ejemplo: dirección URL de la imagen [%image.url%]

.native-title {
            color: grey;
            }
            .native-body {
            background: url([%image.url%]);
            width: 300px;
            height:350px;
            }

Marcadores de posición de objetos de datos personalizados

Tenga en cuenta que hay cinco marcadores de posición para cada uno de estos marcadores de posición de objetos de datos personalizados.

Marcador de posición Description
[%customTitle1%] - [%customTitle5%] Títulos adicionales que aparecerán cuando se represente la creatividad nativa.
[%customBody1%] - [%customBody5%] Texto del cuerpo adicional que aparecerá cuando se represente la creatividad nativa.
[%customCTAtext1%] - [%customCTAtext5%] Llamadas adicionales a la acción que animarán al usuario a realizar la acción necesaria después de ver la creatividad nativa (por ejemplo, firmar para la lista de correo).
[%customSocialUrl1%] - [%customSocialUrl5%] Direcciones URL que llevarán al usuario a las plataformas de medios sociales correspondientes.
[%customDisplayUrl1%] - [%customDisplayUrl5%] Direcciones URL públicas adicionales que pueden ser visibles o redirigir automáticamente al usuario a una página web conectada al dominio de la página de aterrizaje.

Marcadores de posición de objetos de imagen personalizados

Tenga en cuenta que hay cinco marcadores de posición para cada uno de estos marcadores de posición de objeto de imagen personalizados. Todos los marcadores de posición de objetos de imagen personalizados tienen una dirección URL, un ancho y una propiedad de alto, por lo que debe agregar la propiedad adecuada después de "customImage#.". Por ejemplo, [%customImage1.url%], [%customImage1.width%]y [%customImage1.height%].

Marcador de posición Description
[%customImage1%] - [%customImage5%] Imágenes adicionales que aparecerán cuando se represente la creatividad nativa.
[%customIcon1%] - [%customIcon5%] Iconos adicionales que aparecerán cuando se represente la creatividad nativa.
[%customSocialIcon1%] - [%customSocialIcon5%] Iconos de redes sociales correspondientes que aparecerán cuando se represente la creatividad nativa.

Marcadores de posición de objetos de seguimiento

Marcador de posición Description
[%impressionTrackers%] Si se agrega esto al código HTML, se activarán los seguimientos de impresiones cuando se represente la creatividad.
[%javascriptTrackers%] Al agregar esto al código HTML, se activarán los seguimientos de Javascript cuando se represente la creatividad.
[%clickTrackers%] Si se agrega esto al código HTML, todas las etiquetas del representador activarán los seguimientos de clics cuando se haga clic en él.

Nota:

Los rastreadores no se desencadenarán en la versión preliminar nativa. Si desea que todos los elementos del ensamblado nativo (por ejemplo, el título, la imagen y el botón de llamada a la acción) sean un vínculo a la página de aterrizaje, agregue lo siguiente a javascript:

const container = document.getElementById(targetId);
               container.addEventListener('click', () => {
               window.open(nativeObj.clickUrl, '_blank');
               });

HTML de ejemplo [%click_trackers%]

<a href='[%clickUrl%]' target='_blank'>
            <p class='native-title'>[%title%]</p>
            <div class='native-body'>
            [%cta%]
            
            </a>
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%]

Configuración de un ensamblado nativo