Beispiel Einbindung
So wirkt Carmenthin® bei Blähungen, Völlegefühl und Schmerzen.
Folgende Schritte sind nötig:
- JS Code in Seite einbinden. Zum Beispiel per Google Tag Manager (https://gitlab.com/funke-dcm/gesundheitsportale/lifeline-video-player/-/snippets/2028123)
- An die Stelle an die das Video soll einen Div Container mit der Klasse trackedYtPlayer packen. Die YouTube Video ID und die Milestones als Data Attributes.
<div class="trackedYtPlayer" data-videoid="07FIV3RtHi4" data-milestones='[{"type": "event", "value": "load", "url":"https://ad1.adfarm1.adition.com/banner?sid=4562847&kid=3826280&bid=11614703&wpt=C&ts=[timestamp]&gdpr=${GDPR}&gdpr_consent=${GDPR_CONSENT_39}"}, {"type": "percent", "value": 0, "url":"https://ad1.adfarm1.adition.com/banner?sid=4562847&kid=3826280&bid=11614704&wpt=C&ts=[timestamp]&gdpr=${GDPR}&gdpr_consent=${GDPR_CONSENT_39}"}, {"type": "percent", "value": 50, "url":"https://ad1.adfarm1.adition.com/banner?sid=4562847&kid=3826280&bid=11614707&wpt=C&ts=[timestamp]&gdpr=${GDPR}&gdpr_consent=${GDPR_CONSENT_39}"}, {"type": "percent", "value": 100, "url":"https://ad1.adfarm1.adition.com/banner?sid=4562847&kid=3826280&bid=11614705&wpt=C&ts=[timestamp]&gdpr=${GDPR}&gdpr_consent=${GDPR_CONSENT_39}"}]'></div> - Das Video selbst hat nachher 100% Breite und Höhe. Daher entweder per CSS Stylen oder einen Container darum legen, der die Größe regelt:
<div style="width: 720px; height: 405px"> ... </div>
- Es können auch mehrere Videos auf eine Seite
Consent muss noch geklärt werdenwas ist mit dem Klick Tag