Webcomponents Verwendung

Einbinden in eine Webseite

Zum einbinden in eine Webseite einfach das jeweilige benötigte einzeln im Headtag oder vor dem schließenden Bodytag einbinden.

Google Reviews: <script src="https://webcomponents.fm-media.at/googlereviews.js"></script>

Popup: <script src="https://webcomponents.fm-media.at/popup.js"></script>

Cookiebanner: <script src="https://webcomponents.fm-media.at/cookiebanner.js"></script>


Oder du bindest mit der utils.js gleich alles auf einmal ein, hat nur etwa 6kb.

Utils: <script type="module" src="https://webcomponents.fm-media.at/utils.js"></script>


Anwendung

Google Reviews

Google Reviews werden wie folgt eingebunden

<fm-googlereviews data-key="apikey" data-places-id="placesid" data-default-styling="true"></fm-googlereviews>

Cookiebanner

Ein Cookiebanner und ein Link. Bitte das Banner nur 1x auf einer Seite einbinden!

Cookiebanner

<fm-cookiebanner data-gtm="gtmid" data-default-styling="true"></fm-cookiebanner>

Cookie Einstellungen öffnen Link

<fm-cookiesettings data-text="Datenschutzeinstellung"></fm-cookiesettings>

Popup

Zum Testen einfach ?testpopupan die URL anfügen. Das funktioniert nicht nur hier sondern immer.

<fm-popup id="fm-popup" data-start="2024-01-01T00:00" data-end="2050-12-31T00:00" data-active="true" data-default-styling="true"> ...Dein HTML Content hier rein... </fm-popup>

Headline

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat

Button

Socials

Es gibt 2 Elemente. Einmal die Social Icons und einmal der Toggle, den man beliebig platzieren kann, aber nur einmal bitte!

Social Share Icons

<fm-socials data-default-styling="true"></fm-socials>

Social Toggle Icon

<fm-socials-toggle data-default-styling="true"></fm-socials-toggle>