#1

FRoesner

Eroberer  (95 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.zum-nachreisen.de  ·   frank.roesner  ·   frankroesner  ·   frankroesner

Hallo,

wenn ich über die Website https://about.twitter.com/de/resources/buttons einen Twitter-Code generiere und diesen in einen HTML-Absatz einfüge, dann wird nur ein unterstrichener Link angezeigt, jedoch nicht der Twitter-Button.

(Bei Facebook und XING ist es mir dagegen gelungen.)

Warum funktioniert es bei Twitter nicht? (Design Juneau)

Hier ist der generierte Code. Statt NUTZERNAME setze ich natürlich meinen richtigen Nutzernamen ein.

<a href="https://twitter.com/NUTZERNAME" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @NUTZERNAME</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Danke.

Oder: Wie löst Ihr die Social Media-Einbindung?

 


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »FRoesner« (02.10.2015, 19:19)
#2

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Ich hab' keine Ahnung wo Dein Problem liegt...?

 

Wenn ich z.B. den von Dir gezeigten Link nehme und die Twitteradresse von Andreas Gabalier nehme (statt wie bei Dir NUTZERNAME nun halt VOLKSROCKNROLLA), dann bietet sich beim Link mal dieses Bild...

 

...und das ergibt, wenn man den Code in einen HTML-Absatz einfügt dann dieses Bild..

Somit verstehe ich Dein Problem nicht....???


Gruss

Walti

#3

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#4

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Ok, "Pro" scheint ja wohl nicht "ganz normal zu sein", und somit ziehe ich meine Aussage wohl besser wieder zurück...  *grins*  :D


Gruss

Walti

#5

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#6

FRoesner

Eroberer  (95 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.zum-nachreisen.de  ·   frank.roesner  ·   frankroesner  ·   frankroesner

Vielen Dank für Eure Antworten.

Ich habe es jetzt mit HTML-Absatz manuell gelöst und die verlinkten Social Media Buttons dazu auf dem Server abgelegt:

<center>
<table>
<tr>
<td><a href="https://www.facebook.com/xxxxxxxxx" target="_blank"><img src="http://www.xxxxxxxxxxx.de/eigene_dateien/facebook.png"></a></td>
<td><pre> </pre></td>
<td><a href="https://twitter.com/xxxxxxxxxx" target="_blank"><img src="http://www.xxxxxxxxxxx.de/eigene_dateien/twitter.png"></a></td>
<td><pre> </pre></td>
<td><a href="https://www.xing.com/profile/xxxxxxxxxxx" target="_blank"><img src="http://www.xxxxxxxxxx.de/eigene_dateien/xing.png"></a></td>
</tr>
</table>
</center>

Unbenannt.jpg


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »FRoesner« (02.10.2015, 19:20)
#7

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Also ich weiß wirklich nicht, wo Dein Problem liegt (bzw. lag).


Der von Dir oben gepostete Code funktioniert sowohl hier:


als auch auf meiner privaten Pro Web Seite:

www.warmers.de/content/testseite/


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#8

FRoesner

Eroberer  (95 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.zum-nachreisen.de  ·   frank.roesner  ·   frankroesner  ·   frankroesner

Das Twitter-Widget soll aber jetzt so aussehen und das funktioniert nicht. Das ist ein etwas anderer Fall.

twittervorschau.jpg

 

 

Der von Twitter generierte Code erzeugt aber nur einen Link:

<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/USA_Rundreise" data-widget-id="676797981534896128">Tweets von @USA_Rundreise </a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Danke. Vielleicht kann mir ja doch noch geholfen werden.

 

#9

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Zitat von: FRoesner

 Das ist ein etwas anderer Fall.


Ja, FRoesner, da hast Du Recht...

...das ist definitiv ein anderer Fall...!!!

 

In Deiner Eingangsfrage mit dem von Dir geposteten Link war von einem "Twitter-Button" die Rede und Du hast auch den Code für den "twitter-follow-button" dargestellt...

 

Und was Du mit Deinen Bildern zeigst, das ist eine "Timeline"...!!!

 

Vielleicht verstehst Du jetzt, warum wir Dein Problem nicht verstehen...???   ;-)

 

Die beste Anleitung für eine Timeline findest Du auf der Twitter-Seite selbst:

https://dev.twitter.com/web/embedded-timelines

 

Es gibt aber auch deutsche Anleitungen, z.T. schon etwas älter und müssen auf Aktualität geprüft werden:

http://www.mrknowing.com/2013/04/12/twitter-timeline-einbinden/

http://text-und-kommunikation.blogspot.ch/2013/06/twitter-auf-website-einbinden.html

etc. etc.

 

Tante Google hilft Dir mit den Begriffen "Twitter Timeline" sicher weiter...


Gruss

Walti


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »webchaot« (15.12.2015, 19:58)
#10

FRoesner

Eroberer  (95 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.zum-nachreisen.de  ·   frank.roesner  ·   frankroesner  ·   frankroesner

Deshalb hatte ich ja auch einen neuen Beitrag aufgemacht, weil es ein anderer Fall ist. Ursprünglich ging es mir nur um den Twitter-Button. Aber dann wurde mir mitgeteilt, ich hätte das Thema schon gepostet.

Googeln hat mich bis jetzt nicht weitergebracht, weil die generierten Codes in Siquando Pro nicht dazu geführt haben, dass die Timeline angezeigt wird. Vielmehr habe ich immer nur einen Link gesehen.

Aber ich muss mir einfach gelegentlich noch mehr Zeit nehmen um das Problem zu lösen.

Bis dahin vielen Dank für die bisherigen Antworten.

 

#11

FRoesner

Eroberer  (95 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.zum-nachreisen.de  ·   frank.roesner  ·   frankroesner  ·   frankroesner

Ich habe den Twitter-Timeline-Code jetzt eingebunden und die Website mal kurz freigeschaltet um zu sehen, ob es funktioniert.

Ja, die Timeline wird angezeigt und die Breite passt sich sogar automatisch der rechten Spalte an.

Schöner wäre es natürlich, wenn die Timeline auch in der Vorschau angezeigt werden würde.

 

#12

FRoesner

Eroberer  (95 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.zum-nachreisen.de  ·   frank.roesner  ·   frankroesner  ·   frankroesner

[ERLEDIGT]

Ich habe jetzt sämtliche Timelines von Facebook bzw. Twitter entfernt und stattdessen einfach nur Buttons als Verlinkungen eingefügt.

Einfacher ist manchmal besser.

Facebook-Twitter-Buttons.jpg
1601 Aufrufe | 12 Beiträge