Fügen Sie Tweetable-Links zu Ihren Inhalten mit InlineTweet.js hinzu

Diese Funktion wird auf großen Websites wie TechCrunch und Mashable häufig angezeigt. Sie werden einen Artikel lesen und feststellen, dass es sich um einen ganzen Satz handelt wie ein Link hervorgehoben.

Aber wenn Sie klicken, wird es ein Tweet-Fenster öffnen Ich bitte Sie, diesen Textausschnitt mit Ihren Twitter-Followern zu teilen. Es ist ein guter Weg zu Fahren Sie auf Ihre Website und mehr soziale Anteile fördern.

Versuchen Sie, diesen Effekt auf Ihrer Site zu replizieren InlineTweet.js. Durch das Hinzufügen dieser Funktion zu Ihrer Seite können Sie Stunden für die Einrichtung sparen.

Dieses kostenlose JavaScript-Plugin ist sehr einfach zu installieren und hat sogar eine kostenloses WordPress-Plugin wenn Sie diese Route bevorzugen.

Es erfordert keine JavaScript-Abhängigkeiten, So können Sie diese Sans-jQuery ausführen.

Alle Inhalte funktionieren direkt durch Datenattribute, Sie würden diese also nacheinander einrichten, basierend auf Ihrem Inhalt. Natürlich macht das WordPress-Plugin dies viel einfacher. Wenn Sie mehr Kontrolle vorziehen, ist dies eine großartige Option.

Auf der Hauptseite des Skripts finden Sie ein paar Code-Schnipsel demonstrieren, wie das funktioniert.

Sie müssen lediglich das JS-Skript in Ihre Seite einfügen und CSS in Ihr Stylesheet kopieren (nur 3 Blöcke). Von dort können Sie HTML-Codes anhängen so was:

  Lorem Khaled Ipsum ist ein wichtiger Schlüssel zum Erfolg  

Das nur erforderlich hier ist die ganz oben Daten-Inline-Tweet Attribut. Dies ist das einzige, was Sie brauchen, um den Effekt zum Laufen zu bringen, alles andere ist optional.

Aber diese zusätzlichen Optionen machen einen Unterschied, weil sie Funktionen zum automatisch generierten Tweet hinzufügen:

• Daten-Inline-Tweet-via - fügt dem Tweet eine @mention hinzu
• Daten-Inline-Tweet-Tags - Hängt Tags an den Tweet (wenn Platz ist)
• Daten-Inline-Tweet-URL - fügt eine anklickbare URL in Ihren Tweet ein

Das Setup kann schwierig sein, weshalb ich empfehle, das WordPress-Plugin zu verwenden, wenn Sie können.

Aber es ist nicht so schlimm, wenn Sie den Inhalt einfach in den Text einfügen, den Sie twittern möchten. Und für ein kostenloses Plugin ist dieses Ding sehr leicht.

Werfen Sie einen Blick auf die Demo-Seite, um dies in Aktion zu sehen. Schauen Sie sich das GitHub-Repo an, wenn Sie mehr erfahren möchten.