Facebook-Button in die Homepage einbinden

Seit einiger Zeit ist es auch möglich einen Facebook "Gefällt mir " - Button in die Homepage einzubauen.
Jeder Besucher der auf "Gefällt mir " klickt, zeigt seinen Freunden, dass ihm diese Seite gefällt. Für den Webmaster handelt es sich also um eine Form der Werbung für seine Seite. Der Button bringt vielen was: Facebook, dem Website-Betreiber und dem Benutzer, der eine bestimmte Seite seinen Freunden weiterempfehlen will.

Hier einige erklärende Worte von "Facebook ": Wie kann ich den Facebook �gefällt mir�-Button einbinden?

Installation:
Die Installation wird durch einen generierten "Code " in die Webseite eingtragen. Wie das funktioniert, wird auf der "Facebook Developer-Seite " beschrieben.
Hier kann das Aussehen in Form und Größe der Homepage angepasst werden.
Der Button ist nur einer Webadresse zugeordnet, wobei die Adresse unter "URL to like " einzutragen ist.
Der einzutragende "Code " wird über den Button "Get Code " aufgerufen.

Hier der Link für den Einbau: Like Button

Für den "Like Button" gibt es 3 interessante Varianten, die unter "Layout " auszuwählen sind:

Standard:

Button_count:

Box_count:

Es gibt auf der "Developer-Seite " noch mehrere Möglichkeiten Facebook einzubinden, die größer sind und noch mehr Informationen anzeigen.

Bis dann
Wolfgang

Antworten

#2 | RE: Facebook-Button in die Homepage einbinden datum

02.06.2015 10:21

Dazu hätte ich eine Frage. Und zwar habe ich meine Homepage mit einem Baukasten erstellt und würde jetzt auch gerne einen Facebook-Button integrieren. Kann ich da genauso vorgehen, wie hier beschrieben? Ich hab leider von diesen ganzen HTML-Codes nicht so viel Ahnung :(

Antworten

#3 | RE: Facebook-Button in die Homepage einbinden datum

02.06.2015 16:21 (zuletzt bearbeitet: 15.08.2019 18:25)

Facebook-Button in die Homepage einbinden

Hallo Winch,
Dein Homepage-Baukasten sollte auch ein Eingabefenster für "HTML" erzeugen können!
Hier gibst Du den von Facebook gelieferten Code ein.

Gruß
Wolfgang

Winch findet das Top!

Antworten

#4 | RE: Facebook-Button in die Homepage einbinden datum

02.06.2015 17:53

Hallo :)

Vielen Dank fürs willkommen heißen und natürlich auch die blitzschnelle Antwort ;)

Ich hab das mal gesucht, aber irgendwie das Eingabefenster um HTML zu erzeugen nicht gefunden... Ich hab mich dann mal bei meinem Anbieter eingelesen zum Thema Webdesign und ich brauche dafür Templates, kann das sein? Hier steht, dass Social Media Dienste (also auch Facebook) mit Templates synchronisiert werden können. Dafür benötige ich dann auch Web-Apps...

Also wenn mir keiner helfen kann ist es nicht schlimm, dann frage ich dort beim Support. Aber ich dachte, dass so ein Like-Button einfacher integriert werden kann. Geht das nicht doch über HTML?

Antworten

#5 | RE: Facebook-Button in die Homepage einbinden datum

02.06.2015 21:47 (zuletzt bearbeitet: 15.08.2019 18:28)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3420
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1301

Facebook-Button in die Homepage einbinden

Hallo Winch,
ich habe gesehen, dass ein Link im ersten Beitrag nicht funktioniert. Erstmal behoben!

1&1 hat zu diesem Thema auch etwas geschrieben: 1&1 Social Media Center

Wenn Du Dich an die oben beschriebene Anweisung unter "Like Button" hältst, sollte es klappen.

Hier ein Beispiel für meine Webseite (https://www.hilfe-tricks-tipps.de/):

Unter "URL to Like " Deine Webseite eintragen
Unter "Layout " den Typ des Facebook-Buttons eintragen
Unter "Get Code " den Code abrufen und in Dein "HTML-Fenster" eintragen

Java Script (Eintrag Body)

1
2
3
4
5
6
7
8
 
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 

HTML-Code (Platz des Buttons)

1
 
<div class="fb-like" data-href="https://www.hilfe-tricks-tipps.de/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

Schlie�en

Bis dann und gutes Gelingen
Wolfgang

Winch findet das Top!

Antworten

#6 | RE: Facebook-Button in die Homepage einbinden datum

03.06.2015 11:01

Zitat von Wolfgang im Beitrag #5
Facebook-Button in die Homepage einbinden

1&1 hat zu diesem Thema auch etwas geschrieben: 1&1 Social Media Center

Herzlichen Dank!!!! Das hatte ich tatsächlich gar nicht gesehen

Jetzt hat es geklappt, dank deiner schnellen Hife. Wirklich toll!

Wolfgang findet das Top!

Antworten

Syntax-Highlighting - Quellcode im Forum farbig darstellen � � Besonderheiten zur Xobor-Iconbar

�hnliche Themen

Antworten

Letzter Beitrag

Hilfe bei animierten Button (li, ul, etc.)
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von bienchen 9 15.09.2024 23:05
Wolfgang • Zugriffe: 345
Mein Projekt Teilen Button
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi 11 28.03.2024 21:18
Daishi • Zugriffe: 535

Das Plugin "Externe Inhalte einbinden" - Cookie Abfrage erweitern
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.03.2024 10:08
von

Kipper-Spedition • Zugriffe: 421

Wie private Fotos eines Staubsauger-Roboters auf Facebook landen können
Erstellt im Forum Alles, was noch so �brig bleibt von 844er 0 28.01.2023 21:36
844er • Zugriffe: 237
Drucker-Button in der Bildergalerie!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 01.01.2020 11:02
Wolfgang • Zugriffe: 861

Signatur wahlweise ausblenden - Mit Check-Button!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

21.05.2024 10:34
von

Wolfgang • Zugriffe: 2194

"Fehler gefunden! - Button" einbauen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 8 18.09.2016 16:23
Scannerxy • Zugriffe: 1851
Zu Silvester: Feuerwerk-Effekte für die Homepage mit Sound
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 10 29.12.2022 21:54
Wolfgang • Zugriffe: 10740

Xobor-Spenden-Button - In der Foren Übersicht, im Profil, im Beitrag, im Portal und in der Mitgliederliste!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang

18.08.2023 16:54
von

Wolfgang • Zugriffe: 24593

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

17%