Fügen Sie in Ihrem Inhalt mit InlineTweet.js Tweetable-Links hinzu

Sie werden diese Funktion häufig auf großen Websites wie TechCrunch und Mashable sehen. Sie werden einen Artikel lesen und feststellen, dass ein ganzer Satz wie ein Link hervorgehoben ist .

Wenn Sie jedoch darauf klicken, wird ein Tweet-Fenster geöffnet, in dem Sie aufgefordert werden, dieses Text-Snippet mit Ihren Twitter-Followern zu teilen. Es ist eine großartige Möglichkeit, Traffic auf Ihre Website zu lenken und mehr soziale Anteile zu fördern.

Versuchen Sie InlineTweet.js, um diesen Effekt auf Ihrer Site zu replizieren . Es kann Ihnen Stunden der Setup-Zeit ersparen, indem Sie diese Funktionalität direkt auf Ihrer Seite hinzufügen.

Dieses kostenlose JavaScript-Plugin ist super einfach zu installieren und es hat sogar ein kostenloses WordPress-Plugin, wenn Sie diese Route bevorzugen.

Es benötigt keine JavaScript-Abhängigkeiten, daher können Sie diese sans-jQuery ausführen.

Der gesamte Inhalt funktioniert direkt über Datenattribute . Daher würden Sie diese basierend auf Ihren Inhalten einzeln einrichten. Natürlich macht das WordPress-Plugin dies viel einfacher. Wenn Sie also mehr Kontrolle haben möchten, ist dies eine großartige Option.

Auf der Hauptseite des Skripts finden Sie einige Codeschnipsel, die zeigen, wie das funktioniert.

Sie müssen nur 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 wie folgt anhängen :

 Lorem Khaled Ipsum ist ein wichtiger Schlüssel zum Erfolg 

Der einzige erforderliche Eintrag hier ist das oberste data-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, da sie Funktionen zum automatisch generierten Tweet hinzufügen :

• Data-inline-tweet-via - Fügt dem Tweet eine @mention hinzu
• Data-inline-tweet-tags - hängt Tags an den Tweet an (wenn Platz ist)
• Data-inline-tweet-url - enthält eine anklickbare URL in Ihrem Tweet

Das Setup kann schwierig sein, weshalb ich das WordPress-Plugin zu verwenden, wenn du kannst.

Aber es ist nicht so schlimm, wenn Sie den Inhalt einfach in den Text kopieren, den Sie tweeten 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 und schauen Sie in das GitHub-Repo, wenn Sie mehr erfahren möchten.