# 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 ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[Engage]** → **Contenido** → **Anuncios**.
2. En la esquina superior derecha, seleccione **Crear anuncio** ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]**, luego seleccione **Artículo**.
3. Complete la información en las siguientes secciones:

<details>

<summary>Detalles del activo</summary>

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 ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[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, ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** **Fallback móvil** y elige la [propiedad de aplicación móvil](/partner/es/que-te-gustaria-aprender/account-management/account-settings/connect-media-properties/connect-a-mobile-app.md) 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 ![](/files/7739dcda4ddf1d60735bf425b3969b4ce7b927a4) **\[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](/brand/es/what-would-you-like-to-learn-about/platform-features/tracking/tracking-explained/tracking-link-parameters-explained.md).
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](/brand/es/what-would-you-like-to-learn-about/platform-features/ads/manage-ads/add-labels-to-assets.md).
7. ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[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.

</details>

<details>

<summary>Configuración del activo</summary>

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 ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]**.
   * El *Otro* opción te permite configurar un tamaño personalizado.

</details>

<details>

<summary>Detalles promocionales</summary>

1. Opcionalmente, selecciona un **Acuerdo** o **Agregar nuevo acuerdo** del ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[Menús desplegables]**.
2. Opcionalmente, establezca **Fecha de inicio** y **Fecha de fin** preexistente **Zona horaria** del ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]**.
   * Selecciona el ![](/files/6945baa4c123529b2413b4fa2638134f7b510926) **\[Calendario]** para el activo, y establece un ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]** para establecer las horas de inicio y fin.
3. Opcionalmente, selecciona ![](/files/947fcb3a461f29681e78746d25b37d76fae91264) **\[casilla sin marcar]** **Cambiar la página de destino al expirar**y continúe seleccionando **Configurar regla** para configurar lo que ocurre si la página de destino expira.

**Redirigir**

1. Desde el ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]** seleccione **Redirigir**.
2. Ingresa el enlace al que se redirigirá el activo.
3. Opcionalmente, ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** **Página intersticial** para habilitar y configurar una página intersticial asociada con esta regla.
4. Desde el **Plantilla** ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casilla sin marcar]** para **Requerir confirmación del usuario**.
      5. Selecciona el ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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, ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** para **Usar intersticial** para habilitar y configurar una página intersticial asociada con esta regla.
2. Desde el **Plantilla** ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[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** ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Casilla sin marcar]** para **Requerir confirmación del usuario**.
      5. Selecciona el ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[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** ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[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: ![](/files/aeafd02c6695ed1a627e3a928af1873a8b2ab7a5) **\[Botón de opción]** **Tan pronto como se cargue el intersticial** o ![](/files/aeafd02c6695ed1a627e3a928af1873a8b2ab7a5) **\[Botón de opción]** **Cuando se pulsa el botón**.
7. Selecciona ![](/files/947fcb3a461f29681e78746d25b37d76fae91264) **\[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](/brand/es/what-would-you-like-to-learn-about/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes.md) usando el esquema de URL del programa configurado en [*Configuración general de seguimiento*](https://app.impact.com/secure/advertiser/tracking-settings/general-trackingsettings-flow.ihtml).
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 ![](/files/947fcb3a461f29681e78746d25b37d76fae91264) **\[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 ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]** para seleccionar un período promocional relevante.
13. En *Opciones promocionales adicionales*, puedes seleccionar si tu ![](/files/947fcb3a461f29681e78746d25b37d76fae91264) **\[Casilla] La oferta es un artículo más vendido** o ![](/files/947fcb3a461f29681e78746d25b37d76fae91264) **\[Casilla] Permitir que un socio de medios solicite su propio código promocional único para esta promoción**.

</details>

<details>

<summary>Configuración avanzada</summary>

1. Desde el ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]**&#x73;elecciona 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 ![](/files/947fcb3a461f29681e78746d25b37d76fae91264) **\[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, ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[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.

</details>

4. Selecciona el **Guardar** o **Guardar borrador** ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3) **\[menú desplegable]** y elija entre las siguientes opciones:

{% tabs %}
{% tab title="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.
  {% endtab %}

{% tab title="Guardar borrador" %}

* **Guardar borrador** - Guarda tu progreso sin activar el activo.
* **Guardar y crear otro** - Guarda el borrador y abre un nuevo formulario de borrador.
* **Guardar y crear otro con la misma configuración** - Guarda el borrador e inicia un nuevo borrador con la misma configuración previamente completada.
  {% endtab %}
  {% endtabs %}

**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.

```programlisting
<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`

<details>

<summary>Referencia de tokens dinámicos</summary>

| 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.              |

</details>

#### 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=`. |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.impact.com/brand/es/what-would-you-like-to-learn-about/platform-features/ads/create-ads/create-an-article-asset.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.