Funktionen einbinden mittels HTML-Code

Manche Plattformen wie z. B. soziale Medien, Infografiken-, Karten- oder Kalender-Tools bieten die Möglichkeit, ihre Anwendungen auf Websites zu integrieren, ohne dass wir dafür gesondert etwas programmieren müssen. Diese Anwendung wird dann auf Ihrer Website angezeigt, bleibt funktional aber beim externen Anbieter (weswegen Sie vor der Einbindung prüfen sollten, ob Sie in Ihren Datenschutzbestimmungen und/oder im Consent Management darauf hinweisen müssen). Hierfür stellen diese Anbieter Code-Schnipsel bereit, die Sie in Ihre Zwischenablage kopieren und auf Ihrer Website an der gewünschten Stelle einfügen können. Ein Beispiel sehen Sie weiter unten auf dieser Seite sowie auf der artundweise-Kontaktseite im Tab „Terminvereinbarung“, wo wir mittels HTML-Code ein Formular des Calendly-Dienstes eingebunden haben.

Wie füge ich den Einbettungscode auf der Website ein?

Dazu wählen Sie das Inhaltselement „HTML“ aus und fügen dort im Feld „HTML-Code“ den entsprechenden Einbettungscode ein, den Sie von der externen Anwendung kopiert haben. Sie müssen in der Regel keine weiteren Anpassungen an diesem Code vornehmen, die Anzeige wurde vom Anbieter bereits für unterschiedliche Geräte und Browser optimiert. Einige Anwendungen ermöglichen es, Einstellungen vorzunehmen, bevor der Einbettungscode erzeugt wird, z. B. Layout-Optionen oder Höhe und Breite des angezeigten Elements auszuwählen. 

Woher bekomme ich den Einbettungscode?

Am schnellsten finden Sie den benötigten Einbettungscode, wenn Sie in eine Suchmaschine den Namen der Anwendung und „embed code“ bzw. „einbetten“ eingeben. Zum Beispiel: bei Google nach  „Twitter einbetten“ suchen. Aktuell gelangt man so auf die Seite publish.twitter.com, wo Ihnen die verschiedenen Möglichkeiten angeboten werden, Inhalte von Twitter zu integrieren – das gesamte Profil, einzelne Tweets, Handles oder Hashtags. Je nach Auswahl generiert Twitter dann einen HTML-Code, den Sie kopieren und ohne weitere Bearbeitung auf Ihrer Website einpflegen können. Im rechts gezeigten Beispiel ist das Twitterprofil von artundweise eingebunden. Und mit anderen Social Media Feeds wie Facebook-Posts, TikTok-Videos oder Instagram-Beiträgen funktioniert das ganz ähnlich.