Cómo insertar post de TikTok en el cuerpo de nota.

Thinkindot® facilita la tarea de redacción y carga de contenidos, ayudando a los periodistas en la distribución de sus notas con el fin de alcanzar mayores audiencias.

En esta guía explicaremos detalladamente cómo insertar embeds en el cuerpo de la nota para enriquecer tus contenidos.

Instrucciones:

Para insertar embeds de tipo código en el cuerpo de nota, deberás acceder a la aplicación CMS, ingresar en el Administrador de Contenidos.

Una vez allí podrás crear una nueva nota o buscar una nota existente e ingresar al editor de contenidos.

En el campo Cuerpo, podrás incluir entre párrafos, distintos elementos que ayudarán a enriquecer tus notas. Para ello, deberás hacer click en el botón “incrustar” de la barra de herramientas desde donde podrás acceder a todos los archivos cargados en el sitio, disponibles para incluir en tu nota.

Para insertar o embeber código como es un TikTok, deberás:

• Ingresar a la aplicación de TikTok y seleccionar el post que desees agregar

• Hacer click en el icono de “insertar”

• Copias todo el código pero ATENCION vas a tener que modificar el código o para que sea apto para resoluciones mobiles, acá te paso un ejemplo

Este es el código ORIGINAL:

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@aguslaje/video/7104395983622114566%22 data-video-id="7104395983622114566" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="@aguslaje" href="https://www.tiktok.com/@aguslaje"@aguslaje</a>> <a title="jonnydepp" target="_blank" href="https://www.tiktok.com/tag/jonnydepp%22 #jonnydepp</a>> <a title="justicia" target="_blank" href="https://www.tiktok.com/tag/justicia%22 #justicia</a>> <a title="genero" target="_blank" href="https://www.tiktok.com/tag/genero%22 #genero</a>> <a target="_blank" title="♬ sonido original - Agustín Laje" href="https://www.tiktok.com/music/sonido-original-7104395977768487686%22 ♬> sonido original - Agustín Laje</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>

Notaras, que existe este dato max-width: 605px;min-width: 325px; es aca donde deberas reemplazarlo por "max-width: 100%; min-width: 100%".

Quedando el código de la siguiente manera:

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@aguslaje/video/7104395983622114566" data-video-id="7104395983622114566" style="max-width: 100%; min-width: 100%"><section><a target="_blank" title="@aguslaje" href="https://www.tiktok.com/@aguslaje">@aguslaje</a><a title="jonnydepp" target="_blank" href="https://www.tiktok.com/tag/jonnydepp">#jonnydepp</a><a title="justicia" target="_blank" href="https://www.tiktok.com/tag/justicia">#justicia</a><a title="genero" target="_blank" href="https://www.tiktok.com/tag/genero">#genero</a><a target="_blank" title="♬ sonido original - Agustín Laje" href="https://www.tiktok.com/music/sonido-original-7104395977768487686">♬ sonido original - Agustín Laje</a></section></blockquote><script async src="https://www.tiktok.com/embed.js"></script>

Este código deberás pegarlo entre los párrafos que vos desees, para eso deberas acceder a la iconografía de <> que esta en el editor de nota y en vez de que el origen sea archivo deberas selecciones EMBED