Crear un activo de artículo

impact.com admite anuncios HTML estáticos y dinámicos, incluidos widgets de búsqueda, formularios incrustados y banners de productos. Como una Artículo activo, puedes actualizar tu anuncio HTML en cualquier momento sin herramientas de terceros. Para cargarlo, incluye estos dos elementos obligatorios:

• Una página de destino HTTPS segura (una URL absoluta, que comienza con http:// o https://).

• Cualquier token de URL dinámica que desees rastrear cuando los usuarios hagan clic en el anuncio.

Crear artículo activo

1. Desde la barra de navegación izquierda, selecciona [Engage] → Contenido → Anuncios.

2. En la esquina superior derecha, seleccione Crear anuncio [menú desplegable], luego seleccione Artículo.

3. Complete la información en las siguientes secciones:

Detalles del activo

1. Ingrese un Nombre para tu activo.

2. Opcionalmente, introduzca un Descripción proporcionando detalles sobre el activo.

3. En Página de destino, selecciona [menú desplegable] Personalizado para configurar una página de destino personalizada para tu activo. Deja la configuración en Predeterminado para dirigir a los clientes a la página de destino de su programa.

4. Si el anuncio está destinado para visualización en una aplicación móvil, [Activar] Fallback móvil y elige la propiedad de aplicación móvil relevante que enlaza con la ficha de la tienda de tu aplicación.

   • Esto garantiza que los usuarios que no tengan la aplicación serán redirigidos para descargarla.

5. Para añadir parámetros al enlace de seguimiento de la página de destino, seleccione [Agregar metadatos]. Estos parámetros se agregarán al final del enlace de seguimiento del activo.

   • Más información sobre parámetros del enlace de seguimiento.

6. Opcionalmente, ingrese Etiquetas para hacer que tu activo sea más fácil de buscar.

   • Obtén más información sobre cómo crear y administrar etiquetas de activos.

7. [Activar] Restringir acceso de partners para establecer qué grupos de socios pueden usar este activo, y busca el Grupos de socios a quienes desea conceder acceso a este activo.

Configuración del activo

1. En el Contenido campo, introduce el código HTML/CSS/JS de tu anuncio o usa las opciones del editor de texto enriquecido para dar formato a tu contenido con mayor facilidad.

   • Consejo: Puedes cargar imágenes directamente en línea con tu contenido usando el editor de texto enriquecido.

2. Si estás usando tokens dinámicos, selecciona Insertar otros campos dinámicos para ver todas las inserciones de tokens disponibles.

   • Consulta la Token dinámico referencia a continuación para saber qué tipo de contenido inserta cada token.

3. Opcionalmente, seleccione un Tamaño del activo eligiendo una resolución desde la [menú desplegable].

   • El Otro opción te permite configurar un tamaño personalizado.

Detalles promocionales

1. Opcionalmente, selecciona un Acuerdo o Agregar nuevo acuerdo del [Menús desplegables].

2. Opcionalmente, establezca Fecha de inicio y Fecha de fin preexistente Zona horaria del [menú desplegable].

   • Selecciona el [Calendario] para el activo, y establece un [menú desplegable] para establecer las horas de inicio y fin.

3. Opcionalmente, selecciona [casilla sin marcar] Cambiar la página de destino al expirary continúe seleccionando Configurar regla para configurar lo que ocurre si la página de destino expira.

Redirigir

1. Desde el [menú desplegable] seleccione Redirigir.

2. Ingresa el enlace al que se redirigirá el activo.

3. Opcionalmente, [Activar] Página intersticial para habilitar y configurar una página intersticial asociada con esta regla.

4. Desde el Plantilla [menú desplegable] seleccione Personalizado o Instalación de app.

   1. Personalizado

      1. Ingrese un Texto del encabezado.

      2. Opcionalmente, introduzca un Texto del cuerpo.

      3. Opcionalmente, ingrese Términos adicionales para este activo.

      4. Opcionalmente, selecciona el [Casilla sin marcar] para Requerir confirmación del usuario.

      5. Selecciona el [casilla sin marcar] para Mostrar el logotipo del partner (co-branding) y mostrar juntos su logotipo y el logotipo del partner para una experiencia de co-branding.

      6. Selecciona el [casilla sin marcar] para Personalizar CSS y agregue el código CSS deseado en el cuadro de texto.

      7. Selecciona Vista previa.

   2. Instalación de app

      1. Ingrese un Texto del encabezado y Color de fuente del encabezado.

      2. Ingrese un Subencabezado y Color de fuente del subencabezado.

      3. Para Cargar logotipo y Cargar imagen de portada, selecciona Elegir archivo. Recuerda que se admiten formatos de archivo GIF, JPG, PNG y SVG. El tamaño máximo de archivo es 1 MB.

      4. Ingrese un Etiqueta del botón de descarga (p. ej., Descargar ahora).

         • Ingrese un Color de fuente del botón de descarga y Color de fondo del botón de descarga.

         • Ingrese un Etiqueta del botón Continuar y Color de fuente del botón Continuar.

      5. Ingrese un Cuenta regresiva de redirección automática con la cantidad de segundos permitidos antes de redirigir.

      6. Opcionalmente, introduzca un Texto del cuerpo.

      7. Selecciona el [casilla sin marcar] para Mostrar el logotipo del partner (co-branding) y mostrar juntos su logotipo y el logotipo del partner para una experiencia de co-branding.

      8. Selecciona el [casilla sin marcar] para Personalizar CSS y agregue el código CSS deseado en el cuadro de texto.

      9. Selecciona Vista previa.

Bloquear

1. Opcionalmente, [Activar] para Usar intersticial para habilitar y configurar una página intersticial asociada con esta regla.

2. Desde el Plantilla [menú desplegable] seleccione Personalizado.

3. Ingrese un Texto del encabezado.

4. Opcionalmente, introduzca un Texto del cuerpo.

5. Selecciona Vista previa.

Intersticial

1. Desde el Plantilla [menú desplegable] seleccione Personalizado o Instalación de app.

   1. Personalizado

      1. Ingrese un Texto del encabezado.

      2. Opcionalmente, introduzca un Texto del cuerpo.

      3. Opcionalmente, ingrese Términos adicionales y condiciones que se aplicarán.

      4. Selecciona el [Casilla sin marcar] para Requerir confirmación del usuario.

      5. Selecciona el [casilla sin marcar] para Mostrar el logotipo del partner (co-branding) y mostrar juntos su logotipo y el logotipo del partner para una experiencia de co-branding.

      6. Selecciona el [casilla sin marcar] para Personalizar CSS y agregue el código CSS deseado en el cuadro de texto.

      7. Selecciona Vista previa.

   2. Instalación de app

      1. Ingrese un Texto del encabezado y Color de fuente del encabezado.

      2. Ingrese un Subencabezado y Color de fuente del subencabezado.

      3. Para Cargar logotipo y Cargar imagen de portada, selecciona Elegir archivo. Recuerda que se admiten formatos de archivo GIF, JPG, PNG y SVG. El tamaño máximo de archivo es 1 MB.

      4. Ingrese un Etiqueta del botón de descarga (p. ej., Descargar ahora).

         • Ingrese un Color de fuente del botón de descarga y Color de fondo del botón de descarga.

         • Ingrese un Etiqueta del botón Continuar y Color de fuente del botón Continuar.

      5. Ingrese un Cuenta regresiva de redirección automática, para indicar los segundos permitidos antes de redirigir.

      6. Opcionalmente, introduzca un Texto del cuerpo.

      7. Selecciona el [casilla sin marcar] para Mostrar el logotipo del partner (co-branding) y mostrar juntos su logotipo y el logotipo del partner para una experiencia de co-branding.

      8. Selecciona el [casilla sin marcar] para Personalizar CSS y agregue el código CSS deseado en el cuadro de texto.

      9. Selecciona Vista previa y, una vez que esté satisfecho con la vista previa, seleccione Enviar.

Enlaces profundos móviles

1. Desde el Plantilla [menú desplegable], selecciona Enlaces profundos móviles.

2. Introduzca el Texto del encabezado y Color de fuente del encabezado.

3. Introduzca el Subencabezado y Color de fuente del subencabezado.

4. Para Cargar logotipo y Cargar imagen de portada, selecciona Elegir archivo. Recuerda que se admiten formatos de archivo GIF, JPG, PNG y SVG. El tamaño máximo de archivo es 1 MB.

5. Ingrese un Etiqueta del botón Abrir app (p. ej., Ir a la app).

   • Ingrese un Color de fuente del botón Abrir app y Color de fondo del botón Abrir app.

   • Ingrese un Etiqueta del enlace Continuar y Color de fuente del enlace Continuar.

6. Elija cuándo Apertura de la app seleccionando cualquiera de las siguientes opciones: [Botón de opción] Tan pronto como se cargue el intersticial o [Botón de opción] Cuando se pulsa el botón.

7. Selecciona [casilla sin marcar] para optar por una redirección automática e ingrese el número de segundos permitidos antes de redirigir.

8. Ingrese un Ruta URI predeterminada que se utilizará al construir la URI móvil usando el esquema de URL del programa configurado en Configuración general de seguimiento.

9. Ingrese un Expresión regular URI personalizada para definir el patrón de coincidencia de las URI móviles en el esquema de URL personalizado de la app.

10. Selecciona el [casilla sin marcar] para Personalizar CSS y agregue el código CSS deseado en el cuadro de texto.

11. Selecciona Vista previa.

12. Opcionalmente, especifica si el activo es Estacional y use el [menú desplegable] para seleccionar un período promocional relevante.

13. En Opciones promocionales adicionales, puedes seleccionar si tu [Casilla] La oferta es un artículo más vendido o [Casilla] Permitir que un socio de medios solicite su propio código promocional único para esta promoción.

Configuración avanzada

1. Desde el [menú desplegable]selecciona en cuál Idioma quieres mostrar este activo.

2. Para limitar a los socios al uso de códigos de seguimiento iFrame (y evitar los códigos de seguimiento HTML) para este activo, selecciona [Casilla de verificación] Limitar a los partners al código de seguimiento iFrame para este activo.

3. Para configurar un píxel de un tercero para el activo, [Activar] Píxel de impresión de terceros.

   • Esto te permite enviar datos de impresiones a tus sistemas externos de análisis.

   • Consulta la Token dinámico referencia para saber qué tipo de contenido puedes insertar con cada token.

1. Selecciona el Guardar o Guardar borrador [menú desplegable] y elija entre las siguientes opciones:

Guardar

• Guardar - Guarda el activo y lo activa.

• Guardar y crear otro - Guarda el activo y abre un nuevo formulario para crear otro.

• Guardar y crear otro con la misma configuración - Guarda el activo e inicia uno nuevo con la misma configuración previamente completada.

Guardar borrador

Ejemplo de anuncio de contenido dinámico

En el Código de ejemplo proporcionado a continuación, tenemos:

• Un formulario HTML con un campo de texto y un botón de "Enviar"

• CSS incrustado para dar estilo al formulario de forma independiente del resto del contenido

• Una <div> contenedor para el widget

• Función de JavaScript que crea dinámicamente un enlace de seguimiento de impact.com y agrega parámetros de cadena de consulta

• Una <noscript> etiqueta para que el sistema acepte el script cuando no tiene un enlace saliente (sin esta etiqueta, encontraríamos un error al intentar cargar este recurso creativo.)

  En la práctica, muchos de estos elementos pueden alojarse o incrustarse en tu sitio web: impact.com admite archivos HTML, CSS y JavaScript externos para contenido dinámico.

<style type="text/css">  
#search-widget-container 
{    font-family:"Verdana";
     padding:20px;     
     width:280px;    
     height:75px;
     margin:30px;
     background:#FFFFFF;
     border:1px solid #BBBDBF;
     border-radius:6px;
     box-shadow:5px 5px 2px rgba(0,0,0,0.1);   }   
     #submitbutton 
     {background:#fff;
     color:#3B91CF;
     font-weight:bold;
     font-size:12px;
     padding:5px:
     border-radius:6px;
     border:1px solid #3B91CF;
     cursor:pointer;   }   
    #submitbutton:hover {    
     background:#3B91CF;
     color:#fff;  }
     #searchbox {
      width:200px;
      margin:10px 10px 10px 0px;   }
</style>
<div id='search-widget-container'>
<img src="http://www.impactradius.com/wp-content/uploads/2014/05/impact-radius-logo.png" width="150px">  
<form><input name='searchTerm' 
   id='searchBox'
   type='text' 
   placeholder='Search The Website'>
    <input onClick="searchFunction()" 
     type='submit' 
     value='Submit'
     id='submitbutton'>
 </form>
</div>
<script type="text/javascript">
function searchFunction() {  
// Obtener el valor enviado por el usuario desde el cuadro de búsqueda 
var searchTerm = document.getElementById("searchBox").value;  
var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm=";
// Agregar el searchTerm al final de la landingPage
var completeURL = landingPage.concat(searchTerm);
// Enviar al cliente a la URL final completa
window.location.href = completeURL;   } 
</script>
<noscript>
<a href=”http://www.example.com”>Enlace sin script</a>
</noscript>

• El código JavaScript genera una URL de seguimiento usando tokens dinámicos y agrega los términos de búsqueda como parámetros de cadena de consulta.

• Como el contenido no tiene una URL absoluta, usamos {domain}, {irpid}, {iradid}, y {ircid} como tokens dinámicos para generar un enlace de seguimiento, que se completa con el dominio de seguimiento del programa, el ID del socio, el ID del anuncio y los valores del ID del programa.

• Una vez hecho clic, el cliente será redirigido a través de impact.com y luego enviado a la página de destino; en este caso, https://www.example.com

Referencia de tokens dinámicos

Token	Compatible en	Descripción
{irpid}	Contenido del activo / píxel de impresión	Se completa con el ID de socio de impact.com del socio.
{iradid}	Contenido del activo / píxel de impresión	Se completa con el ID del anuncio asignado al anuncio.
{ircid}	Contenido del activo / píxel de impresión	Se completa con el ID del programa (o campaña) de impact.com asignado a tu programa.
{subId1} - {subId3}	Contenido del activo	Se completa con el valor de SubId del socio (utilizado para seguimiento e informes).
{sharedId}	Contenido del activo	Se completa con el valor de SharedId del socio para informes.
{domain}	Contenido del activo / píxel de impresión	Se completa con el dominio de seguimiento de tu programa.
{timestamp}	Contenido del activo	Se completa con una marca de tiempo (en formato de época Unix) cuando se recupera el anuncio.
{randint}	Contenido del activo / píxel de impresión	Se completa con un entero generado aleatoriamente cuando se recupera el anuncio.

Solucionar errores de validación

Es posible que veas los siguientes mensajes de error al crear tu anuncio de contenido. Esto es lo que puedes hacer para resolverlos:

Error de validación	Explicación
“No hay enlaces reemplazables presentes”	impact.com no puede detectar enlaces reemplazables en el Contenido campo. Los enlaces deben incluir protocolo. Cualquier enlace que use http se convertirá automáticamente en https.
“El nombre del anuncio no puede estar vacío”	Debes proporcionar un nombre para tu anuncio de contenido en el Nombre .
"La URL en el ancla no es absoluta"	Hay al menos 1 enlace en Contenido que no es absoluto. Los enlaces absolutos usan la ruta completa que comienza con http:// o https://. Busca problemas de sintaxis, como espacios antes o después de href=.