Cómo incrustar videos y feeds de TikTok en tu sitio web

Desde su lanzamiento en 2016, TikTok ha disfrutado de un crecimiento fenomenal. Y no parece que vaya a desaparecer en el corto plazo. La plataforma de redes sociales de videos cortos súper popular permite a los usuarios crear y compartir clips de baile, playback, música, comida, belleza, moda, comedia y prácticamente cualquier otro tipo de contenido imaginable. La aplicación ha ocupado un lugar destacado para llenar el vacío dejado por la muerte de Vine a fines de 2016 y principios de 2017.

En todo el mundo, TikTok tiene alrededor de 800 millones de usuarios activos. Y, aunque TikTok se utiliza principalmente por la Generación Z, se ha vuelto cada vez más popular entre los Millennials y la Generación X con el tiempo. Hoy en día, incluso es común ver a algunos Baby Boomers creando y compartiendo contenido en la aplicación. Entonces, si eres un influencer de TikTok, estás en buena compañía.

Pero, ¿qué pasa si usas otras plataformas de redes sociales para tu negocio de marketing de influencia?

Tienes suerte. Al igual que cualquier otra plataforma de redes sociales popular, TikTok permite a sus usuarios compartir contenido de TikTok en otras plataformas e incluso incrustar videos en sitios web. En este artículo, te mostraremos cómo incrustar videos de TikTok y feeds de videos de TikTok en tu sitio web para aprovechar al máximo tu contenido y llegar a una audiencia más amplia. Analizaremos métodos para incrustar videos de TikTok tanto en sitios de WordPress como en sitios que no son de WordPress.

Pero primero, es posible que te preguntes si hay algún beneficio al incrustar tus videos de TikTok en tu sitio.

Cómo incrustar videos de TikTok y feeds de video en tu sitio web:

¿Por qué incrustar videos de TikTok en tu sitio?

La incrustación de videos de TikTok no es la única forma de compartirlos. Puedes eliminar las marcas de agua de Tiktok y utilizar esos videos descargados en tu sitio para que parezcan videos nativos, compartirlos en otras plataformas de redes sociales e incluso simplemente usar los videos con marca de agua para tu marketing.

¿Por qué preocuparse por la incrustación?

Resulta que hay algunas razones por las que tiene sentido incrustar videos de TikTok en tu sitio web.

1. Recursos del sitio

Cargar videos en tu sitio web puede ocupar espacio y recursos, lo que al final ralentiza tu sitio. Los videos incrustados se reproducen desde la fuente. No solo puedes ahorrar espacio en tu servidor, sino también ancho de banda. Además, no tienes que preocuparte por un reproductor de video.

2. Experiencia del usuario y SEO

Agregar videos a tu sitio puede darte un impulso de SEO, aumentar el tiempo que los visitantes pasan en tu sitio, reducir la tasa de rebote y aumentar la tasa de clics.

3. Contenido generado por usuarios

El contenido generado por los usuarios es oro para el marketing. Cada vez más, los consumidores están desconfiando de los anuncios obvios. Los videos de TikTok que muestran contenido generado por los usuarios se pueden utilizar como prueba social en tu sitio web.

Ahora que sabes cómo tu empresa puede beneficiarse al mostrar tus videos de TikTok, echemos un vistazo a cuatro formas de incrustar videos de TikTok en tu sitio web.

Cómo incrustar videos de TikTok en un sitio de WordPress

Hay tres formas de incrustar videos de TikTok en un sitio de WordPress:

  • Usando el editor de bloques
  • Agregando widgets
  • Con un plugin

Te mostraremos cómo usar cada uno de estos métodos para que puedas elegir el que mejor te funcione

, you.

Agrega videos de TikTok a un sitio de WordPress usando el editor de bloques

Comienza abriendo el video de TikTok que deseas incrustar en un navegador. Desde la aplicación de TikTok, simplemente toca el botón Compartir en el video que deseas incrustar y luego toca Copiar enlace:

Pega ese enlace en tu navegador y haz clic en el video de TikTok para mostrar el reproductor de video. A la derecha, verás un botón Insertar:

Haz clic en el botón Insertar para mostrar el código de inserción y luego haz clic en Copiar código para copiar el código de inserción.

Ahora, todo lo que necesitas hacer es pegar el código de inserción en tu sitio web. Utilizando el editor de bloques, agrega un bloque de HTML y pega el código de inserción en el bloque.

Incrusta videos de TikTok en tu WordPress usando widgets

Otra forma fácil de incrustar videos de TikTok en tu sitio es usando un widget. Para hacer esto, copia la URL del video de TikTok que deseas usar y ve a WordPress. Desde el panel de control de WordPress, ve a Apariencia > Widgets y haz clic en el icono +. Busca «TikTok» para mostrar el bloque de incrustación de TikTok.

Pega la URL del video de TikTok en el área de texto. ¡No olvides guardar tus cambios!

Estos dos métodos son una excelente forma de incrustar videos de TikTok en tu sitio de WordPress rápidamente, pero notarás que solo puedes incrustar un video a la vez. Además, no se actualizan cuando cambia tu feed. Si deseas mostrar a los visitantes de tu sitio web un feed de TikTok, necesitarás usar un complemento. Te mostraremos cómo hacer esto usando el complemento WP TikTok Feed de QuadLayers.

Contenido relacionado:

Agrega videos de TikTok y feeds de video de TikTok a tu sitio de WordPress con un complemento

Hemos elegido el complemento WP TikTok Feed porque es fácil de usar y ofrece una carga y caché de video sencillas. Este complemento también recopilará datos de video para que puedas mostrar tus me gusta y comentarios. Además, puedes usarlo para incrustar videos individuales de TikTok o feeds de video. ¿Y mencionamos que es gratuito?

Aquí tienes algunas de las características del complemento WP TikTok Feed que nos encantan:

  • Fácil de configurar y sincronizar
  • La actualización es automatizada
  • La caché de datos minimiza las solicitudes y reduce el tiempo de carga
  • La personalización te brinda opciones para cambiar la apariencia, posición y diseño de tu feed de TikTok
  • Sincronización de múltiples feeds de TikTok
  • Control completo de carga e incrustación de videos, así como caché de videos
  • Múltiples diseños y opciones de personalización, así como opciones adaptadas para dispositivos móviles
  • Compatible con cualquier tema de WordPress

Para comenzar, deberás instalar y activar el complemento WP TikTok Feed. Desde tu panel de control de WordPress, ve a Complementos > Añadir nuevo y busca WP TikTok Feed:

Haz clic en Instalar

, Ahora. Una vez que el complemento esté instalado, haga clic en Activar:

Una vez que el complemento esté activado, vaya a TikTok Feed > Feeds. Notará que se ha agregado un feed de TikTok de demostración utilizando #wordpress. Esto muestra contenido que incluye ese hashtag de TikTok. Para agregar su propio feed de TikTok, haga clic en el botón +Feed:

Al hacer clic en ese botón se mostrará una nueva pantalla donde puede agregar un feed de video de TikTok utilizando un hashtag de TikTok o ingresando un nombre de usuario específico.

También puede elegir cómo desea que se muestre el feed de TikTok incrustado. Si elige el estilo Masonry, los videos se mostrarán en modo retrato. Con el estilo Galería, los videos en su feed de TikTok se mostrarán como miniaturas cuadradas.

Vamos a configurar las opciones para mostrar videos de TikTok utilizando #influencer, de modo que solo aparezcan videos con ese hashtag en nuestro feed. También vamos a elegir Masonry porque queremos que la miniatura completa se muestre en vista vertical, en modo retrato. Vamos a dejar Limit en 12 y Columns en 3. Haga clic en Guardar cuando haya terminado y verá que se ha agregado su nuevo feed con un shortcode.

Ahora puede copiar ese shortcode y pegarlo en una publicación o página. En el editor de contenido de la página donde desea incrustar su feed de TikTok, haga clic en el icono + y busque «shortcode». Luego, haga clic en el widget de shortcode para agregarlo a su publicación o página.

Pegue su shortcode del feed de TikTok. Cuando haya terminado de editar, guarde su contenido. Para ver cómo se ve su feed de TikTok, vea su publicación o página. Su feed de TikTok debería aparecer con un botón Ver en TikTok que los visitantes pueden hacer clic para ir al feed en TikTok.

Si no desea que aparezca el botón «Ver en TikTok», puede eliminarlo. Simplemente vaya a TikTok Feed > Feeds y haga clic en Editar para el feed que desea editar. A lo largo del lado izquierdo de la pantalla, verá Video, Popup y Button además de la configuración general. Para desactivar el botón de TikTok, vaya a la configuración de Button. Podrá eliminar completamente el botón, cambiar el texto y personalizar el color del botón:

También puede habilitar o deshabilitar las opciones del popup. Si deja activado el video popup, se mostrará un popup del video en su sitio en lugar de abrir los videos en una nueva pestaña y llevar a los visitantes lejos de su sitio.

Utilizando la pestaña Video

de edición, puede personalizar su feed eliminando la reproducción automática, ajustando el espacio entre videos, eliminando los controles de video, mostrando/ocultando los me gusta y los comentarios, y más.

También puede utilizar el shortcode del feed de TikTok para crear un widget. Si desea que su feed de TikTok aparezca en su barra lateral, por ejemplo, puede agregar el shortcode como un widget de barra lateral yendo a Apariencia > Widgets y agregando un widget de Texto o TikTok a su barra lateral., sidebar.

Cómo incrustar videos de TikTok en un sitio que no sea de WordPress

Incrustar un video de TikTok en un sitio que no sea de WordPress es muy fácil. Solo toma un minuto y no necesitas tener ningún complemento o extensión especial.

Seguirás los mismos pasos que para incrustar videos de TikTok en un sitio de WordPress. Comienza abriendo el video de TikTok que deseas incrustar en un navegador. Desde la aplicación de TikTok, simplemente toca el botón de Compartir en el video que deseas incrustar y luego toca Copiar enlace.

Pega ese enlace en tu navegador y haz clic en el video de TikTok para mostrar el reproductor de video. A la derecha, verás un botón de Incrustar. Haz clic en ese botón para ver el código de incrustación y luego haz clic en Copiar código para copiar el código de incrustación.

Ahora solo tienes que pegar el código de incrustación en tu sitio web. Abre la página donde deseas incrustar el video y pega el código donde quieras.

Previsualiza tu página para asegurarte de que el video se esté mostrando correctamente. Una vez que esté como deseas, guarda o publica tu página. El video de TikTok incrustado se mostrará con información sobre el creador del video, la descripción del video y con el sonido de fondo original del video de TikTok, además de enlazar de regreso al video en TikTok o en TikTok.com.

Cómo incrustar un feed de videos de TikTok en un sitio que no sea de WordPress

Para incrustar tu feed de videos de TikTok en un sitio que no sea de WordPress, necesitarás una herramienta como Embedly, Flockler o EmbedSocial para hacerlo de manera rápida y sencilla. Vamos a mostrarte cómo hacerlo con EmbedFeed de EmbedSocial en este tutorial.

Una vez que te hayas registrado en una cuenta de EmbedFeed, ve a Fuentes y haz clic en TikTok para seleccionarlo. Luego, haz clic en Siguiente.

En el campo Enlace de video de TikTok, introduce la URL del video de TikTok que deseas incrustar y haz clic en Crear fuente de TikTok. En la página de fuentes de TikTok que aparece, haz clic en Agregar nuevo video para añadir más videos (de la misma fuente/usuario) a tu feed:

Una vez que hayas añadido los videos que deseas a esta fuente, haz clic en Guardar. ¡Ahora estás listo para crear un widget!

Ve a Widgets y haz clic en Crear nuevo:

Nombra tu widget, elige cuántos videos mostrar, selecciona la fuente o fuentes que deseas incluir y haz clic en Crear widget. Tu widget está listo para usar, pero tienes varias opciones de personalización para elegir.

Configuraciones generales

  • Nombre del widget
  • Localización (idioma)
  • Sincronización automática
  • Google Analytics

Diseño y presentación

  • Opciones de diseño que incluyen feed, pared, albañilería, cuadrícula, slider, carrusel y collage
  • Número de columnas (dinámico o hasta cuatro)
  • Padding entre videos
  • Tamaño del título
  • Color del título
  • CSS personalizado

Filtros

  • Tipo de publicación (imagen y video o texto)
  • Publicaciones por página
  • Ordenar por fecha
  • Establecer fecha de inicio
  • Filtrar por palabras clave

Elementos del widget

  • Alineación del encabezado
  • Mostrar/ocultar título
  • Título del widget
  • Botón de seguir (ninguno, URL personalizada o TikTok)
  • Origen del botón
  • Paginación (números o «Cargar más»)
  • Mostrar/ocultar miniatura más reciente en el encabezado
  • Mostrar/ocultar número de publicaciones
  • Mostrar/ocultar logo
  • Mostrar/ocultar texto completo
  • Mostrar/ocultar texto debajo de la imagen
  • Enlace de la publicación (ninguno, fuente original o lightbox)

,

Después de haber configurado tu widget de la manera que desees, copia el código proporcionado y pégalo en la página deseada de tu sitio web.

Conclusión

TikTok se ha convertido en una de las plataformas de redes sociales de más rápido crecimiento en el mundo por una razón. Es una plataforma atractiva que permite a los influencers de TikTok volverse virales con contenido de alta calidad y construir una audiencia. Luego, utilizando las técnicas que hemos compartido aquí para incrustar videos de TikTok en un sitio web, esos creadores pueden aprovechar esos mismos videos para impulsar el SEO, aumentar el tiempo en su sitio, obtener mejores tasas de clics y más.