TikTok video cookies doesn't work

[LucaP994]

Hi, i'm trying to add a tiktok video cookies to display tik tok's post on a website, but following the guide on your website, it doesn't works... I've added this: but nothing is displayed and no cookies is detected, neither in the cookies list popup. I've also added YouTube and Instagram cookies but this two work correctly.

[AmauriC]

You also have to add this part to initialize the widget:

<blockquote class="tiktok-embed" data-video-id="videoId" style="max-width: 605px;min-width: 325px;" ><section></section></blockquote>

[LucaP994]

Hi @AmauriC, yes i've also added this part but nothing is displayed. I've also edited the "data-video-id" attribute with the video's id

[AmauriC]

Possible to have the url?

[LucaP994]

Sure! `

        </blockquote>`

[AmauriC]

I mean the url of the page where you have made the installation.

I'll check what is wrong.

[LucaP994]

Right... the page for now is running in local. But i can give you more info about it. I'm trying to add cookies in an Angular webapp using cdn:

<script src="https://cdn.jsdelivr.net/npm/tarteaucitronjs@1.9.5/tarteaucitron.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tarteaucitronjs@1.9.5/tarteaucitron.css">

I've created a service like this:

import { Injectable } from '@angular/core';

declare const tarteaucitron: any; @Injectable({ providedIn: 'root', })

export class TarteaucitronService { initTarteaucitron(): void { tarteaucitron.init({ "privacyUrl": "", / Privacy policy url / "bodyPosition": "bottom", "hashtag": "#coockieSettings", "cookieName": "noroykeysCookies", "orientation": "popup", "groupServices": false, "showDetailsOnClick": true, "serviceDefaultState": "wait", "showAlertSmall": false, "cookieslist": true, "showIcon": true, "iconPosition": "BottomRight", "adblocker": false, "DenyAllCta": true, "AcceptAllCta": true, "highPrivacy": true, "alwaysNeedConsent": false, "handleBrowserDNTRequest": false, "removeCredit": false, "moreInfoLink": true, "useExternalCss": false, "useExternalJs": false,/ "mandatory": true, "mandatoryCta": true, "googleConsentMode": true, "partnersList": false }); (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); (tarteaucitron.job = tarteaucitron.job || []).push('instagram'); (tarteaucitron.job = tarteaucitron.job || []).push('tiktokvideo'); } };

and initialize the service in the app.component.ts like this:

constructor(private tarteaucitronService: TarteaucitronService) { } ngOnInit(){ this.tarteaucitronService.initTarteaucitron(); }

and everything works fine except for tiktok... i'don't even have errors in console... I've also tried to download the code and using it, but in this case tiktok works but not instragram

[AmauriC]

Without being able to reproduce the problem on a browser hard to help you :(

[LucaP994]

I've made a sample test on StackBliz, here's the url: https://stackblitz.com/edit/stackblitz-starters-ve2upc?file=src%2Ftest.html in the embedded view the browser can't display the embedded viewport, if you open it in a new tab by clicking the "Open Preview tab" in the top right corner it will be displayed, but tiktok don't do the same

[LucaP994]

Just an update... i've upgraded to v1.19.0 and now tiktok is showing, but instagram don't do the same... i've updated the test case at https://stackblitz.com/edit/stackblitz-starters-ve2upc?file=src%2Ftest.html

[AmauriC]

The instagram code is supposed to be similar to :

<iframe src="//www.instagram.com/postID/embed" width="width" height="height" frameborder="0"></iframe>

Are you sure of the reel/ id?

[LucaP994]

In the guide on the website the example is

, and with the older versions works perfectly. in some versions ig need te reel/ prefix, but in other don't. By the way i've found that with v 1.15.0 both tiktok and ig works fine. Thanks