Facebook Messenger

Facebook Messenger einbinden

Jeder Besucher kann Dir Sofort-Nachrichten von der Homepage aus �ber den Facebook-Messenger senden. Egal ob Desktop-Nutzer oder mobiler Nutzer. Einzige Vorraussetzung : Der Homepage-Besucher muss einen Faceboo-Account besitzen. Der Code ist sehr einfach.

HTML-Code f�r Seiteninhalt oder rechte Box

F�r verlinkten Text :

<a href="https://m.me/Facebookname"> Hier Text </a>

oder HTML-Code f�r Grafik verlinken :

<a href="https://m.me/Facebookname"> <img src="Grafikadresse" alt="Bild" /></a>

Im HTML-Code Facebookname und Grafikadresse einf�gen.
Wo finde ich Facebookname ? Wie finde ich die Grafikadresse ?.

In der Navigation / Men� einf�gen

- Einloggen in Homepage
- auf "Seiten" und "neue Seite erstellen"
- neben dem Titelfeld auf das Zahnrad-Symbol
- fahre mit der Maus auf "Normale Seite" und w�hle "externer Link"
- nun wird Zusatzfeld sichtbar :"Auf was soll verlinkt werden"
- hier f�gst Du folgenden Link ein :

https://m.me/Facebookname

Ersetze das Wort Facebookname durch deinen Facebook-Namen,

Eigenen Button gestalten

Mit reinem HTML-Code f�gen wir uns einen verlinkten Button ein. Im HTML-Code ersetze Facebookname durch deinen Facebook-Namen. Und f�ge gew�nschte Grafikadresse ein. Es wird automatisch ein rundes Bild. Bei HIER NAME schreibe gew�nschten Namen hinein, der im Button stehen soll. Einf�gen im Seiteninhalt - oder - im Feld "rechte Box".

Clean-Test.de.tl
im Messenger aktiv

<p class="messenger">
<a href="https://m.me/Facebookname">
<img src="Grafikadresse" alt="Bild"> <span class="zeile1"> HIER NAME </span>
<br>
<span class="zeile2"> im Messenger aktiv </span> </a>
<img class="logo" src="//img.webme.com/pic/c/clean-test/messenger.PNG">
</p>

Es folgt der CSS-Code :

<style type="text/css">

p.messenger { 
width:200px; border:1px solid #ccc; overflow:hidden; padding:10px; border-radius:15px; margin:auto; }

p.messenger img { width:60px; border-radius:80px; float:left; margin-right:20px; }
p.messenger a { text-decoration:none; }
a .zeile1 { font-weight:bold; font-size:15px; color:#999; }
a .zeile2 { font-size:11px; } 

.logo {
position:absolute; width:25px!important; margin-top:6px; padding:2px; background:#fff; margin-left:-130px; }

</style>

Den CSS-Code einf�gen im Feld "Eigener <head> - Inhalt"

- dazu auf "Extras" gehen
- dort das Extra "Eigener <head> - Inhalt" �ffnen

- falls dort schon CSS-Codes stehen, hier die style-tags weglassen
- also diesen Code ohne <style type="text/css">
- und ohne </style> am Ende
- in Euren bestehenden mit einf�gen, vor eurem --> </style>

Weitere M�glichkeiten

In G�steb�chern und Kommentarfeldern k�nnt Ihr statt der Homepage-Adresse auch diesen Facebook-Link einf�gen. Besucher, die auf den Link klicken, k�nnen Euch sofort im Facebook-Messenger anschreiben.

https://m.me/Facebookname

Ersetze das Wort Facebookname durch deinen Facebook-Namen

Kommentare zu dieser Seite:

Kommentar von Mirko Treichel( ), 27.09.2016 um 10:25 (UTC):
Hallo Wolle, danke für die Rückmeldung! Hat auf Anhieb geklappt. Daumen hoch!!

Kommentar von clean-test.de.tl( ), 27.09.2016 um 09:38 (UTC):
Hallo Mirko,
ja das ist möglich.
Im CSS-Code das p.messenger {
dem gibst du dazu: margin:auto;
margin ist Außenabstand. Und auto = setzt es mittig.

Kommentar von Mirko Treichel( ), 25.08.2016 um 11:59 (UTC):
Auch dieses ist wieder eine tolle Idee, wie so vieles hier. Kann man die erzeugte Grafik auch mittig der Seite bekommen? Will mir leider nicht gelingen. Eine eigene erzeugte und mittig gestellte Grafik mit dem o.g. HTML-Code läßt zumindest bei mir den Messenger nicht öffnen, in Gegensatz zu der "großen" Lösung, wo der Messenger einsetzt.

Kommentar von find-templates.de.tl( ), 10.07.2016 um 18:11 (UTC):
lässt sich auch wunderbar im Gästebuch umsetzen. Mit dem Zusatzfeld im Gästebuch und der Variable [input] könnte jeder Eintrag mit dem Zusatz "FB-Messenger" ausgestattet werden