Seite 1 von 2

Twittern Button einfügen

Verfasst: 17.05.2014 18:32
von Titanic
Falls die Frage hier falsch sein sollte,dann bitte verschieben!

Ich möchte ein Twitter Button hinzufügen,sodass man den Link vom Forum bei Twitter in der Timeline hat (dort wo die ganzen Tweets sind).Habe es erstmal mit Firebug so getestet:

Der Code lautet:

Code: Alles auswählen

<div style="text-align: left;" class="twitter-btn" data-module-loaded="http://www.nova-villa.de/fec/www.nova-villa.de/2.19.11/js/social/twitter">
<iframe id="twitter-widget-0" class="twitter-share-button twitter-tweet-button twitter-share-button twitter-count-horizontal" frameborder="0" scrolling="no" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.1400006231.html#_=1400343568149&count=horizontal&id=twitter-widget-0&lang=de&original_referer=http%3A%2F" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 131px; height: 20px;">
Mit Firebug funktioniert der Code.Der Link zum Forum wird bei mir auf Twitter auch angezeigt.Habe es allerdings noch nicht eingebaut.
Ist das soweit richtig oder muss noch was anderes hinzugefügt werden?

MfG

Titanic

Re: Twittern Button einfügen

Verfasst: 17.05.2014 19:50
von Crizzo
Hi,

wieso verpackst du das ganze denn in einen <div>-Element? Das ist doch ein einzelner Button. Wenn er irgendwo hin soll, wo schon andere Buttons sind, bietet sich eher eine <ul> oder <ol> oder ähnliches an. Als ein Blockelement für einen Link-Button.

Grüße

Re: Twittern Button einfügen

Verfasst: 17.05.2014 23:32
von Titanic
Kannst Du mir den Code Posten,wie es mit <ul> oder mit <ol> aussieht?Dann kann ich es bie mir mal einbauen und testen.

Re: Twittern Button einfügen

Verfasst: 17.05.2014 23:39
von Crizzo
Wo soll der Button denn hin?

Re: Twittern Button einfügen

Verfasst: 18.05.2014 17:57
von Titanic
Es sollte links vor der Themensuche hin.Aber nicht direkt davor.

Re: Twittern Button einfügen

Verfasst: 20.05.2014 21:48
von Titanic
PUSH!

Re: Twittern Button einfügen

Verfasst: 20.05.2014 22:19
von Crizzo
Zeig mir.mal einen Screenshot mit Pfeil. ;)

Re: Twittern Button einfügen

Verfasst: 21.05.2014 00:10
von HabNurNeFrage
Hi @ Titanic,

vergiss die iFrame-Lösung, denn die ist nicht strict und erlaubt Twitter das ständige Ausschnüffeln Deiner User.
Genauso dieses JavaScript Twitter-Button-Widget, das auch schnüffelt wie nix Gutes.
Beide verpassen allen auch sofort ein Cookie, was zusätzliche Schnüffelei begünstigt und keinen Vorteil bietet.
Im Gegenteil: Die Nutzung von iFrame oder/und Widget machen sogar das Ändern der Nutzungsbedingungen/Datenschutzrichtlinie notwendig.

Letztlich kannst Du mit einem simplen, selbst erstellten Bild, das mit dem Twitter-Share Link versehen ist, genau das gleiche Ergebnis erzielen.
Gut, es werden nicht die 16K Leute angezeigt, die Deine Threads schon gezwitschert haben.
Aber das macht wahrscheinlich auch nichts, solange überall nur sehr wenige Tweets gemacht wurden... :wink:

Einfach folgenden Code an die gewünschte Stelle kopieren und Du erhältst das gleiche Ergebnis:
Die aktuelle URL kann im eigenen Twitter-Account gezwitschert werden.

Code: Alles auswählen

<a href="https://twitter.com/share"><img style="vertical-align:middle;margin-left:8px;margin-right:8px;" src="data:image/gif;base64,R0lGODlhRgAUAPcAADMzM21tbW5ubg6Ovx6QvQCMwgCOxACRyQCVzgCY0gCb1w+b0QCc2ACe2i2ZwgCh3gCh3z2hyD+n0D2r1ACi4ACj4QCk4wCl5ACl5QCm5gCn5w+q5gCo6ACp6QCq6wCr7ACr7QCs7g+u6y+v4C+z5S+05y+26k2kxVemxFusy1uty2u513u60k3A6l3E7HzJ53zM6nzM63zP7oGBgY+Pj5GRkZeXl5qamp2dnZ6enqampqenp6+vr7CwsLKysre3t4rA1ZfH2pjH2ZnI2pnS6ZvT6JrX8Kzc77XZ6MDAwMHBwcXFxcfHx8vLy8zMzM7Ozs/Pz9DQ0NHR0dLS0tPT09XV1dnZ2dvb29zc3N3d3d7e3t/f38Xd58jh68jj7sjk7sjk79jg4tnt9ODg4OLi4uTk5OXl5ebm5ufn5+Ts7ujo6Onp6erq6uvr6+zs7O3t7e7u7u/v7+fv8Ofv8ebv8ufw8/Hx8fPz8/T09PX19fb29vf39/j4+Pn5+fr6+vz8/P7+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAIEALAAAAABGABQABwj/AANhgeKkoMGDCBMqXMiwIUMoWAKVubIHkMWLGDNq3Mixo8eOe66UkaLnj8mTKFOqXMmypcuXeqQ48UOzps2bOHPq3MmzJ82CfIIKHUq0qNGjSJMqDVpQj1M9cp46nQOExRCoUaVq3cq1q9evegriGYvnhBCyeBwYOFAgAoEgYwHInYu2Lh65eLLgGKvXrt+/ZAveGXxHQoEUae5wQVDhAgQGC7oM7tNHLmXCmAlfljuYc+bPoDMXtEPaTpEGCAaoWPEARAgQGo7cKW1HLukAPew8AcDETo8AtecKt+1brg7ScmnQCP4DQIAntAvGmR5nAoYMDRIo0BCiu4U71KfL/52eY0YcGgBoxJmRI47cPe/hA9gThweAM2cA3HAPAAt4uVXkF0B4Bb1h4BtebADCBxxw8EF3IIxw4IFyGZgEAFPMleEPb1RYYYcAGDhciHLBISIAcMDxoYEFteFiG3DAIEJ3NIbQAREvviiXi1TMJcVcS7Sx445CAuCiXHkkmUeROhrJ5IsFrSGllEiU8CCNIJAQx5RTyiXlGHLV0EYNAK7hpZdmAiDlDgAoYQUANqTZpZpyTlmQGnji6QYYLVwJggl15CmoXHiuIQAAS6jRhJdqEBrFoUk8CkASb/ggFw5vNApAnoRqKmhB+J0RBgoDIECBByF84AIdaITq6mChxodxxxpnqAHrGbCqIesaus56BhuDuYHfrbjeMayxoRZUxrJm2PHFCzHIYIQYdpix7LXYZqvtttx2620ZBZEhrrhnHMiGGeOmq+667Lbr7rvqOvGEFmPUa++9+Oar77789uuvFk9gIUUWWxRs8MEIJ6zwwgw3zHAWU0RURhQOVWzxxRdHUUYgAQEAOw==" alt="*" title="twittern" /></a>
Vorteile: xHTML strict, schnüffelsicher bis zum Teilen, kein Ändern der Nutzis notwendig und an jeder beliebigen Stelle im Template einsetzbar.
Die lange Zeichenfolge ist das Bild selbst, also keine Angst vor dem "Ungetüm" :grin:

LG

PS: Testen kannst Du das, indem Du es kopierst, hier einfügst und auf "Test it now" klickst.
Es werden immer die aktuellen Internetadressen (Referer-URLs) getwittert, also bei Dir dann Deine.

Re: Twittern Button einfügen

Verfasst: 24.05.2014 18:28
von Titanic
Hi HabNurNeFrage,

hab erst jetzt den Code gelesen und mit Firebug getestet.Muß den Code noch an der entsprechenden Stelle einbauen.

Jetzt möchte ich auch noch ein Folgen Button,das rechts von der Themensuche sein soll,einbauen.Nur den Code dazu habe ich nicht.Vielleicht kanst du mir dabei auch helfen?.

MfG

Titanic

Re: Twittern Button einfügen

Verfasst: 24.05.2014 22:46
von HabNurNeFrage
Hi,

Code: Alles auswählen

<a href="http://twitter.com/TWITTER_NAME"><img style="vertical-align:middle;margin-left:8px;margin-right:8px;" src="data:image/gif;base64,R0lGODlhPQAUAPcAADMzM2pqant7ew6Ovx2PvACMwgCOxACRyQCVzgCY0gCb1w+b0QCd2SyYwQCh3zygxz6mzzyq0wCj4QCk4wCm5g+q5gCp6QCr7QCs7g+u6y+v4C+z5S+05y+26kuiw1SjwVmqyXi3z2i21E3A6lzD63vI5nvL6nvO7YCAgI6OjpaWlpqamqKioqampqurq62trbGxsbu7u76+voe90pTD1ZXF15rS55jR6JnW76vb7rLW5cHBwcTExMnJyc7OztHR0dbW1tLa3Nra2t7e3sDY4sTd58Xg68fj7d3l59js8+Hh4eXl5eHp6urq6u3t7eTt8PLy8vb29v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFIALAAAAAA9ABQABwj/AKX8kBGjoMGDCBMqXMiwoYwfUoT4cBKlosWLGDNq3MixoxMfQnZQ7EiypEmPO2JAWcmypcuXMGPKnNmyIM2bOHPKtMmSiUsmM0LUgMLEp86jMws6WerEAw2mThoYOFDgAYEaSwFo1QoVKteuYMOCVcoUQgEQSJwQQSCBggMGC4pkBWBR7FexeMfGaMK3iQ0GCAaAEOHgAoYLFHI44au1L98XWl8wBtBEyAoAkCk3ycxiMgwAAXo4Lug4AgUKDBIooICh9YTFk7c2cQHgxw8ALpo0ZgFgyG3KtJUoAaBCd+3hAUbHWMJ8iZEKFy5YsGD4sIbmS7SyzK5ZK3fuk7lv9gUA3jj2gtibmMjQuj0GCzewe28+37t98t+1b6+Pnzl67DpwUF1rF2zghHz9LfHZDjsAAMN3LQDggwzeRSgDEMR9p6F/MQjn4RJHjFDdBR084aFwWp2ooFYPDgeAEkKggFmKTXwGwApNuIjiix4W5GEQHwzAlgWHkWDiiUqshOQSKy0hnJIB7ACFEACgIByTUDiZJBRPctljDEOEqYQTR5Rgwgk4JOGEEmG26eabcIbpgwBapSBEnHi2WdCbSvTlZJ6A8rnEUksEimcMMgih6KKMNuroo5BGKumiQDzEAxCTZqrppo0CwQNEITUk6qikMrSDEFIEBAA7" alt="*" title="Folge uns auf Twitter" /></a>
Nur noch TWITTER_NAME darin mit Deinem Account-Namen ersetzen...

LG