1. Startseite »
  2. Magazin »
  3. Anleitungen »
  4. Webnode »
  5. So verknüpfst Du Facebook mit Deiner Website

Webnode: So verknüpfst Du Facebook mit Deiner Website

Webnode Header Webnode Header Webnode Header

Facebook ist das wichtigste soziale Netzwerk. Wenn Beiträge, Fotos und Videos von Deiner Website auf Facebook geteilt werden, führt das zu mehr Besuchern auf Deiner Website und macht sie bekannter. Es ist also sinnvoll, Deine über Webnode erstellte Website mit Facebook zu verknüpfen. Du kennst das z.B. von Nachrichtenseiten, bei denen Du per Knopfdruck einen Artikel mit „Gefällt mir“ markieren oder teilen kannst.


Auch lassen sich mit den Facebook-Plug-ins Beiträge oder Videos in Deine Website einbetten. Selbst bestimmte Elemente Deiner Facebook-Seite kannst Du in Deine Webnode-Website einbinden. Und es können sogar Kommentare über Deine Internetseite auf Facebook veröffentlichen werden. Facebook stellt für alle diese Funktionen sogenannte Soziale Plug-ins zur Verfügung. Wo Du sie findest und wie Du Webnode mit Facebook verknüpfst, erfährst Du jetzt.

Ist das mit Webnode möglich?
Ja
Mit Zusatzkosten verbunden?
Nein
Schwierigkeitsgrad
Mittel
Zeitaufwand
15 Minuten

Hinweis: Ein Plug-in ist ein Software-Modul, was ein Programm erweitert oder verändert. Die sozialen Plug-ins von Facebook erweitern also den Funktionsumfang Deiner Website. Es gibt mehrere Plug-ins von Facebook, die sich auf Webnode einbetten lassen. Im Folgenden wird das Vorgehen mit dem „Gefällt mir Button“ gezeigt. Das Einbinden der anderen Plug-ins erfolgt auf dieselbe Weise.


Möchtest du allgemeine Informationen zum “Website erstellen” lesen?

Hier findest du einen Leitfaden zum Thema “Website erstellen” und einen Vergleich von Homepage Baukästen, mit dessen Hilfe du im Handumdrehen den passenden Anbieter für dein Website-Vorhaben finden kannst. Einen umfangreichen Testbericht zu Webnode gibt es hier.

1 Facebook Plug-in aussuchen

Id 467 Bild 1 Id 467 Bild 1 Id 467 Bild 1

Gehe zunächst auf die Entwickler-Seite von Facebook, denn dort findest Du die sozialen Plug ins: https://developers.facebook.com/docs/plugins. Wähle hier den Eintrag „Gefällt mir, Teilen, Senden und Zitat“.

Id 467 Bild 1 A Id 467 Bild 1 A Id 467 Bild 1 A

Die Seite scrollt zur richtigen Stelle und Du siehst die einzelnen Funktionen. Klicke bei dem Button „Gefällt mir“ auf „Web“.

Id 467 Bild 1 B Id 467 Bild 1 B Id 467 Bild 1 B

Auf der folgenden Seite wähle „Konfigurator Button „Gefällt mir“ “.

Id 467 Bild 1 C Id 467 Bild 1 C Id 467 Bild 1 C

Die Seite scrollt wieder nach unten und Du siehst folgende Felder: „URL für „Gefällt mir“ “, „Width“, „Layout“, „Handlungstyp“ und „Größe des Buttons“. Außerdem kannst Du noch den Button „Teilen“ hinzufügen und einstellen, dass am Gefällt mir-Button die Gesichter der Freunde angezeigt werden. Wichtig ist vor allem der Eintrag unter „URL für „Gefällt mir“ “. Hier schreibst Du die Adresse (URL) Deiner Website ein. Die anderen Felder kannst Du so lassen, wie sie eingestellt sind.

Id 467 Bild 1 D Id 467 Bild 1 D Id 467 Bild 1 D

Ist die URL Deiner Internetpräsenz eingetragen, klicke auf den blauen Button „Code generieren“.

Id 467 Bild 1 E Id 467 Bild 1 E Id 467 Bild 1 E

Jetzt wird ein Fenster angezeigt, in dem zwei Codes stehen. Der erste unter „Step 2“ und der zweite unter „Step 3“. Kopiere den ersten Code und logge Dich auf Deiner Webnode-Seite ein.


2 Ersten Code in Kopfzeile einfügen

Id 467 Bild 2 Id 467 Bild 2 Id 467 Bild 2

Der erste Code ist für die Kopfzeile Deiner Website. So weiß Deine Internetseite, was sie mit dem zweiten Code, den Du später einfügst, anstellen soll. Klicke jetzt auf Deiner Website auf die Funktion „Seiten“.

Id 467 Bild 2 A Id 467 Bild 2 A Id 467 Bild 2 A

Ein neues Fenster erscheint und dort wählst Du die Seite aus, auf welcher zukünftig der „Gefällt mir-Button“ verwendet wird. Klicke anschließend auf den kleinen Haken, der rechts neben „Einstellungen SEO-Seite“ zu finden ist.

Id 467 Bild 2 B Id 467 Bild 2 B Id 467 Bild 2 B

Jetzt öffnen sich viele Zeilen. Scrolle hinunter zur Zeile mit dem Titel: „Benutzerdefinierter HTML Code der Kopfzeile“. Und füge dort den ersten Facebook-Code ein. Klicke danach auf „Schließen“.


3 Zweiten Code kopieren

Id 467 Bild 3 Id 467 Bild 3 Id 467 Bild 3

Wechsel nun wieder zur Facebook-Seite mit den Codes und kopiere den zweiten heraus.


4 Code in Website platzieren

Id 467 Bild 4 Id 467 Bild 4 Id 467 Bild 4

Gehe zurück zu Deiner Webnode-Website und gehe zu der Stelle, die den Gefällt mir-Button anzeigen soll. Klicke hier auf das Plus links, um einen neuen Inhalt hinzuzufügen. Im geöffneten Fenster wähle den zweiten kleinen Punkt oben rechts.

Id 467 Bild 4 B Id 467 Bild 4 B Id 467 Bild 4 B

Der Fensterinhalt ändert sich und Du siehst den Button „HTML“, den klickst Du an.

Id 467 Bild 4 C Id 467 Bild 4 C Id 467 Bild 4 C

Es geht ein neues Fenster auf und dort kopierst Du den zweiten Facebook-Code hinein. Mit ihm erstellst Du nämlich den Gefällt mir-Button. Vergiss nicht, anschließend „Ok“ zu drücken.


5 Ergebnis überprüfen

Id 467 Bild 5 Id 467 Bild 5 Id 467 Bild 5

Um den Button sehen zu können, musst Du Deine Website in der Besucheransicht aufrufen. Klicke dazu oben rechts auf „Publizieren“

Id 467 Bild 5 A Id 467 Bild 5 A Id 467 Bild 5 A

...und dann auf den blauen Link.

Id 467 Bild 5 B Id 467 Bild 5 B Id 467 Bild 5 B

In dieser Ansicht siehst Du den Gefällt mir-Button, so wie Du ihn bei Facebook erstellt hast.


Der Autor
Avatar Avatar Avatar
„Homepage-Ratgeber.de“-Redaktion
Wir von „Homepage-Ratgeber.de“ sind ein Team von Technologie-Enthusiasten und immer auf der Suche nach den neuesten Software-Trends. Bereits seit 2013 beobachten wir den deutschen und internationalen Markt für Homepage-Baukästen intensiv und haben seither mit unseren Anleitungen, Tipps und Vergleichen mehreren tausend Privatpersonen und kleinen Firmen dabei geholfen, ihre eigene Website selbst zu erstellen.