Zur Navigation

Facebook "Gefällt mir" dynamische Links

1 Dennis (Gast)

Huhu,

ich hätte da mal wieder eine Frage :)

Unzwar geht es um den Facebook "Gefällt mir & Teilen Button". Wenn ich diesen Code auf meiner Hauptseite einfüge, geht alles richtig.

Code:
[php]<div class="fb-like" data-href="" data-layout="button" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>[/php]



Füge ich diesen Code aber in Mobil-Version ein, klappt es nicht richtig und auch Twitter geht dort nicht richtig (die Mobil-Version ist ein anderer Ordner, welches aber das gleiche CMS nutzt, nur die Dateien sind für die Mobil-Version angepasst. Hauptseite und Mobil nutzen die gleich Datenbank.).



Ich habe es auch schon mit dem Code für data-href versucht:

[php]<?= $_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'] ?>[/php]

Doch dann wird mir eine weiße Seite angezeigt.

Vielleicht hat jemand einen Tipp für mich

27.02.2017 14:22

2 Jörg

Meinst du mit "klappt nicht richtig", dass nicht der Titel der betreffenden Unterseite angezeigt wird? den holt sich Facebook wohl aus dem <title> Element im Headbereich. Auf den mobilen Seiten hast du davor ein <p> Element stehen:

<p align="center"><a href="https://m.deutscher-hip-hop.com/" target="_self"><img border="0" src="/bilder/logodhh.png" ></a> </p>
<title>DHH - Sylabil Spill - Der letzte weisse K&ouml;nig Album 14.04.2017 - Mobile</title>

Das gehört aber nicht in den Headbereich, sondern in den Body! kann sein, dass die Scripte von Facebook und Twitter deswegen "denken", dass der Heabereich dort schon zu Ende ist, und den Titel nicht mehr weitersuchen, sondern den von der Startseite nehmen.

27.02.2017 14:51 | geändert: 27.02.2017 14:54

3 Dennis (Gast)

Ja, genau das meinte ich, dass nicht die richtigen Links und Überschriften übernommen werden.
Hab es mal geändert, leider geht es trotzdem noch nicht :(

27.02.2017 15:12

4 Dennis (Gast)

Twitter liest die richtige Überschrift aus, aber nicht den vollen Link

27.02.2017 15:13

5 Jörg

Auf der mobilen Version hast du diesen Canonical Tag drin:

<link rel="canonical" href="https://deutscher-hip-hop.com/" >

Der zeigt auch bei Unterseiten auf die Startseite der Desktop-Version. Facebook und Twitter möchten vermutlich die Desktop-Version verlinken, die im Canonical-Tag verlinkt ist. Lösung wäre es demnach, mit dem Canonical-Tag auf die jeweilige Unterseite der Desktop-Version zu verweisen.

27.02.2017 17:07 | geändert: 27.02.2017 17:07

6 Dennis (Gast)

Daran lag es :D :D :D

Das Problem nur, google will diesen Link haben.

Hauptseite:
<link rel="alternate" media="only screen and (max-width: 320px)" href="https://m.deutscher-hip-hop.com" >
Mobile:
<link rel="canonical" href="https://deutscher-hip-hop.com/" >

Wie, wo, kann ich denn den Link setzen, ohne das es Probleme gibt?

Ich danke dir auf jedenfall wieder für deine Hilfe !

27.02.2017 17:22

7 Dennis (Gast)

Ah, eine Sache sehe ich noch. Gibt es eine Möglichkeit, dass immer der Link der Hauptseite erscheint? Also ohne "m.". Sonst sieht es natürlich nicht schön aus, wenn man mit dem PC auf dem Link klickt. Bzw. Ich habe noch keine Möglichkeit gefunden, wie automatisch zur Desktop Seite weitergeleitet wird. Für die Mobile Weiterleitung hatte ich ein Script gefunden, was auch sehr gut klappt.

27.02.2017 17:25

8 Jörg

Nicht die Startseite, sondern die gleiche Unterseite verlinken:

example.com/abc:
<link rel="alternative" media="only screen and (max-width: 320px)" href="https://mobile.example.com/abc" />

mobile.example.com/abc:
<link rel="canonical" href="https://example.com/abc" />

example.com/xyz:
<link rel="alternative" media="only screen and (max-width: 320px)" href="https://mobile.example.com/xyz" />

mobile.example.com/xyz:
<link rel="canonical" href="https://example.com/xyz" />

Gibt es eine Möglichkeit, dass immer der Link der Hauptseite erscheint? Also ohne "m.". Sonst sieht es natürlich nicht schön aus, wenn man mit dem PC auf dem Link klickt.

So wie es scheint, verlinken Facebook und Twitter schon von sich aus die im Canonical-Tag angegebene Desktop-URL?

27.02.2017 17:54

9 dennis

Bei mir wird mit dem Handy der "m." Link angezeigt, wenn ich auf der Mobilen Seite bin.

Hmm, das mit dem Verlinken, verstehe ich noch nicht ganz. Ich hatte die Codes von Google im template drin, so das er auch auf jeder Unterseite automatisch drin ist.

Muss ich dann mal schauen, wo ich die dann sonst noch hinmachen kann.

27.02.2017 18:07

10 Jörg

Wie hast du die Canonical- und Alternative-Links denn eingefügt?

In PHP kann man den Pfad bei dynamischen URLs z.B. folgendermaßen anhängen:

<link rel="canonical" href="https://example.com<?php echo $_SERVER['REQUEST_URI'] ?>" />

28.02.2017 09:12