Integration in normale Webseiten
Grundsätzlich kann family cherries auch in jede beliebige Webseite ganz ohne einer CMS-Lösung wie Wordpress oder ähnlichen eingebunden werden. Es wird lediglich empfohlen, dass family cherries auf einer eigenständigen Seite eingebunden ist, die keinerlei andere Elemente enthält.
Zur Integration sind drei Elemente wichtig:
- Hinzufügen einer viewport-Metainformation zum <head>-Element der Seite, damit die Skalierung auf mobilen Geräten korrekt ist.
- Konstruktion der Konfiguration für die Integration (siehe Konfiguration)
- Referenzierung des family cherries Whitelabel-Javascript, welches sich um die Integration und Einbindung von family cherries kümmert.
- Hinzufügen eines versteckten div-Elements, welches die Konfiguration enthält.
Eine Minimalvariante dieser Seite sieht folgendermaßen aus.
<!doctype html><html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="user-scalable=0, initial-scale=1, minimum-scale=1, width=device-width, height=device-height">
<title>Mein Blog @ family cherries</title>
<style>#iFrameBCWrapper {z-index:999999;}</style>
<script src="https://family-cherries.com/bcwhitelabel.js?configuration=';
</head>
<body>
<noscript> You need to enable JavaScript to run this app. </noscript>';
<div id="fc_configuration" style="display: none;";>
</div>
</body>
</html>
Im referenzierten Script und im div-Element fc_configuration muss wie unter Konfiguration beschrieben die Konfiguration hinterlegt werden.
Natürlich können auf dieser Seite noch zusätzlich Meta-Information wie Titel, Beschreibung, Keywords oder zB Tracking-Elemente für Google-Analytics oder ähnliches hinzugefügt werden.