Publicaciones integradas con capacidad de respuesta: A principios de este año mejoramos la forma de integrar sus publicaciones en su sitio web. Después de escuchar sus comentarios y ver cómo se incrustaban sus publicaciones, pensamos que aún había margen de mejora. Gracias a vuestros comentarios, hemos facilitado la obtención del código de incrustación y nos hemos asegurado de que las publicaciones incrustadas se vean perfectamente en todos los tamaños.
Buena primera impresión
La primera impresión que se llevan sus lectores al abrir un publicación es extremadamente importante. Sólo un segundo de retraso o una pequeña distracción pueden afectar al compromiso del lector. En línea con esa visión, nos hemos asegurado de que incluso la experiencia de carga de las publicaciones incrustadas sea lo mejor posible. Eche un vistazo a este ejemplo:
Publicaciones integradas con capacidad de respuesta
Muchos usuarios tienen un sitio web adaptable y quieren mostrar las publicaciones incrustadas en varios tamaños. Es difícil mostrar las publicaciones incrustadas en el tamaño exacto y no existe una solución única. Por eso hemos creado el código de incrustación adaptable.
Si utiliza nuestro código de incrustación adaptable, mostraremos automáticamente la publicación incrustada lo más grande posible dentro del espacio disponible de su sitio web, teniendo en cuenta también el tamaño del navegador del usuario. De este modo, la publicación incrustada siempre encajará bien en la página, sin ser demasiado grande en pantallas pequeñas.
Abrir la publicación incrustada en un lightbox
Antes, al abrir una publicación incrustada, los usuarios a veces no se daban cuenta de que seguían en su sitio web. No siempre estaba claro cómo cerrar la vista a pantalla completa, lo que llevaba a los usuarios a cerrar la página o utilizar el botón "atrás" del navegador para salir de la publicación.
Ahora abrimos tu publicación en un lightbox. Aunque esto resta algunos píxeles al espacio disponible para tu publicación, la experiencia del usuario es mucho más intuitiva y la gente seguirá siendo consciente de que todavía está en tu sitio. Haz clic en el botón "Abrir" de la publicación incrustada para comprobar cómo funciona.
Modo Banner: incrustar publicaciones en tamaños pequeños
Otra cosa que hemos observado es que a la gente le encanta utilizar las publicaciones incrustadas en tamaños mucho más pequeños de lo que esperábamos. Para mejorar la visualización de estas publicaciones, ahora nuestras publicaciones incrustadas cambian automáticamente a Modo Banner cuando su tamaño sea inferior a 800px de ancho o 500px de alto. A 400x400px o menos, cambiamos el diseño para ajustarlo al pequeño espacio en el que está incrustada la publicación. Echa un vistazo a una publicación incrustada realmente pequeña aquí:
En el modo Banner cambiamos algunas cosas para que las publicaciones incrustadas funcionen en espacios pequeños:
- Las zonas activas están desactivadas; Hay varias razones por las que hemos desactivado las zonas activas en el modo Banner. La primera es porque hacer clic en zonas activas pequeñas a estas resoluciones puede convertirse rápidamente en una tarea frustrante. Otra razón es porque la sobreimpresión de productos y los vídeos de YouTube no caben en publicaciones pequeñas incrustadas con estos tamaños. En ocasiones, esto provocaba que los usuarios se quedaran atrapados en una superposición de producto sin posibilidad de cerrarla.
- Un botón "abrir" al pasar el ratón por encima; Cuando un usuario pasa el ratón por encima de una publicación incrustada que está en modo Banner, mostramos un botón "abrir". Una vez que el usuario haga clic en cualquiera de las páginas, la publicación se abrirá en un lightbox como se ha descrito anteriormente.
- Diseño ajustado a 400x400px; A este tamaño, las publicaciones incrustadas resultan tan pequeñas que decidimos cambiar el diseño eliminando la barra inferior y escalando el tamaño de los elementos de navegación. Así nos aseguramos de que la publicación incrustada se vea bien incluso en tamaños más pequeños.
No tiene por qué activar manualmente Modo Banner. El visor automáticamente cambia al modo Banner una vez que su publicación incrustada cae por debajo del umbral de 800px de ancho o 500px de alto.
Nota: Con el lanzamiento de esta función hemos eliminado nuestro anterior banner incrustado. El banner incrustado no funcionaba tan bien como deseábamos y ahora puedes utilizar el Modo Banner -que funciona mucho mejor- en su lugar. Seguiremos mejorando el Modo Banner de las publicaciones incrustadas en el futuro para asegurarnos de que tengas un banner impresionante para tu sitio.
Obtener y configurar el código de incrustación
En su lista de publicaciones, busque la publicación que desea incrustar. A continuación, haz clic en Compartir -> Insertar. Se abrirá la siguiente ventana:
Hemos introducido varias mejoras que facilitarán la incrustación de sus publicaciones. La vista previa de la izquierda representa el aspecto que tendrá tu publicación incrustada. A la derecha encontrarás el código de incrustación y algunas opciones para ajustar fácilmente el tamaño de la publicación incrustada.
- Responsive (por defecto): Esta es la configuración de respuesta descrita anteriormente.
- Pequeño / Mediano / Grande: Se trata de simples tamaños preestablecidos que puede seleccionar si desea incrustar su publicación de forma rápida y sencilla.
- A medida: Utilice la opción personalizada si desea establecer una altura y anchura personalizadas para su publicación. Esto es especialmente útil si sabes exactamente de cuánto espacio dispones y deseas controlar tú mismo el tamaño del visor.
