Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać przycisk udostępniania i podawania dalej na Twitterze w WordPress?

Udostępnianie twoich treści na Twitterze nie jest tylko miłym dodatkiem. W dzisiejszych czasach to konieczność. Ciężko pracowałeś nad twoją treścią, więc dlaczego nie ułatwić użytkownikom jej udostępniania?

Nie chodzi tylko o więcej gałek ocznych na twoim dziele. Udostępnienia na Twitterze są również dobrymi sygnałami SEO. Wyszukiwarki postrzegają te udostępnienia jako głosy zaufania dla twojej treści.

Dlatego włączamy się w Twittera i upewniamy się, że nasze treści są łatwe do udostępniania. A jeśli chcesz zrobić to samo, pokażemy Ci 2 proste metody dodawania przycisków udostępniania i podawania dalej na Twitterze w WordPress.

How to add Twitter share and retweet button in WordPress

Po co dodawać przyciski udostępniania i podawania dalej na Twitterze w WordPressie?

Według naszych badań statystyk marketingowych, Twitter ma ponad 217 milionów miesięcznie włączających się użytkowników. To sprawia, że jest to świetne miejsce do promowania twojej witryny internetowej.

Jednak udostępnianie treści w mediach społecznościowych dociera tylko do użytkowników, którzy już śledzą twoje konto. Jeśli chcesz dotrzeć do nowych odbiorców, musisz zachęcić ludzi do udostępniania i podawania dalej Twoich treści.

An example of a Twitter share button, embedded in WordPress

Może to zwiększyć ruch na Twoim blogu, przedstawiając Twoją markę osobom, które mogły nie być świadome istnienia Twojej witryny internetowej. Repostowanie twoich treści jest również potężną formą dowodu społecznego. Gdy ktoś dzieli się wpisem lub tweetem ze swoimi obserwatorami, często jest to postrzegane jako poparcie.

To powiedziawszy, przyjrzyjmy się, jak łatwo jest dodać przyciski udostępniania i podawania dalej na Twitterze w WordPress. Wystarczy skorzystać z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:

Pro Tip: Szukasz sposobu, aby treść twojego wpisu można było tweetować w WordPressie? Zapoznaj się z naszym przewodnikiem na temat dodawania pól „Click to Tweet” w WordPress.

Jak dodać przycisk udostępniania na Twitterze w WordPressie za pomocą Shared Counts?

Najprostszym sposobem na dodanie przycisku udostępniania na Twitterze do WordPressa jest użycie wtyczki Shared Counts. Shared Counts to jedna z najlepszych wtyczek mediów społecznościowych dla WordPressa, która umożliwia dodawanie wszelkiego rodzaju przycisków udostępniania do twojej witryny.

W przeciwieństwie do niektórych innych wtyczek do udostępniania społecznościowego, Shared Counts wykorzystuje unikatową metodę pamięci podręcznej, więc nie będzie miało dużego wpływu na szybkość i wydajność twojej witryny internetowej.

Najpierw należy zainstalować i włączyć wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu przejdź do Ustawienia ” Współdzielone liczniki, aby skonfigurować ustawienia wtyczki.

The Shared Counts WordPress plugin

Aby rozpocząć, przewiń do „Przyciski udostępniania do wyświetlenia”.

Domyślnie Shared Counts dodaje przyciski udostępniania dla Facebooka, Pinteresta i Twittera.

Adding a Twitter share button using the Shared Counts plugin

Jeśli chcesz usunąć przycisk udostępniania na Facebooku lub Pintereście, po prostu kliknij jego ikonkę „x”.

Możesz również dodać przyciski udostępniania społecznościowego dla innych platform, wpisując ich rodzaj w polu. Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat dodawania przycisków udostępniania społecznościowego w WordPress.

Removing Facebook and Pinterest sharing buttons from a WordPress website or blog

Gdy to zrobisz, będziesz musiał wybrać rodzaj przycisku, którego chcesz użyć na swoim blogu WordPress. Do wyboru jest 8 stylów, a przykłady każdego przycisku można zobaczyć na stronie wtyczki Shared Counts.

Po podjęciu decyzji wystarczy otworzyć menu rozwijane „Styl przycisku udostępniania” i wybrać styl, którego chcesz użyć.

Changing the style of a social media sharing button in WordPress

Następnie należy wybrać miejsce wyświetlania przycisku Twittera w twoim motywie WordPress, otwierając menu rozwijane „Położenie motywu”.

W tym miejscu można wybrać opcję Przed treścią, Po treści lub Przed i po treści.

Adding a Twitter sharing button to a WordPress theme

Jeśli dodasz przycisk na górze strony, zobaczy go więcej odwiedzających. Jednak większość osób będzie chciała przeczytać wpis przed jego udostępnieniem. W związku z tym warto wybrać opcję „Po treści” lub „Przed i po treści”.

Na koniec musisz zdecydować, czy chcesz dodać przycisk Twittera do twoich stron lub wpisów.

Domyślnie Shared Counts dodaje przycisk tylko do twoich wpisów. Możesz jednak dodać go również do twoich stron, zwłaszcza jeśli tworzysz wiele stron docelowych.

W takim przypadku można zaznaczyć pole obok opcji „Strona”.

Adding a Twitter share button to a WordPress page or post

Gdy jesteś zadowolony z konfiguracji przycisku udostępniania na Twitterze, kliknij „Zapisz zmiany”.

Teraz, jeśli przejdziesz na swoją witrynę internetową WordPress, zobaczysz przycisk udostępniania w działaniu.

A click-to-tweet button, on a WordPress website or blog

Jak pozwolić użytkownikom podawać dalej twoje tweety w WordPressie za pomocą Smash Balloon?

Jeśli chcesz dodać prosty przycisk udostępniania do strony lub wpisu, to Shared Counts jest dobrą opcją. Możesz jednak również zachęcić odwiedzających do podawania dalej Twoich ostatnich tweetów. Może to zwiększyć zaangażowanie i jeszcze bardziej rozpowszechnić twoją treść.

Najlepszym sposobem na uzyskanie większej liczby retweetów jest użycie Smash Balloon Twitter Feed Pro. Ta wtyczka Twitter Feed umożliwia dodanie całego twojego kanału na Twitterze do dowolnej strony, wpisu lub obszaru gotowego na widżet.

An example of an embedded Twitter feed, created using Smash Balloon

Każdy tweet ma swój własny rząd działań na Twitterze.

Oznacza to, że odwiedzający mogą po prostu ponownie opublikować tweet, klikając przycisk „podając dalej”.

An example of retweet buttons, added to WordPress using Smash Balloon

Co więcej, kanał aktualizuje się automatycznie, więc zawsze pojawiają się nowe tweety, z którymi odwiedzający mogą się zapoznać. Pomoże to utrzymać twoją witrynę świeżą i interesującą, nawet dla stałych gości.

Więcej informacji na temat wtyczki można znaleźć w naszej pełnej recenzji Smash Balloon.

Uwaga: W rzeczywistości dostępna jest darmowa wtyczka Smash Balloon Twitter Feed. My jednak będziemy korzystać z wersji Pro, ponieważ zawiera ona więcej funkcji, takich jak więcej szablonów kanałów i możliwość wyświetlania kanałów z hashtagiem.

Konfiguracja Twitter Feed Pro

Najpierw musisz zainstalować i włączyć Smash Balloon Twitter Feed Pro. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po zainstalowaniu wtyczki, przejdź do Twitter Feed ” Ustawienia. Teraz możesz wpisz twój klucz licencyjny Smash Balloon w polu „License Key”.

Adding a license to the Smash Balloon Twitter Feed Pro WordPress plugin

Informacje te można znaleźć w e-mailu z potwierdzeniem, który otrzymałeś przy zakupie Smash Balloon oraz na Twoim koncie Smash Balloon.

Po dodaniu twojego klucza licencyjnego, kliknij przycisk „Aktywuj”.

Tworzenie Twitter Feed na żywo dla WordPressa

Gdy już to zrobisz, możesz utworzyć własny kanał na Twitterze. Aby rozpocząć, przejdź do Twitter Feed ” All Feeds, a następnie kliknij przycisk „Add New”.

Adding a Twitter feed to a WordPress website or blog

Jeśli po raz pierwszy dodajesz Twitter Feed za pomocą Smash Balloon, zostaniesz poproszony o zweryfikowanie swojego adresu e-mail.

W tym celu wystarczy kliknąć przycisk „Połącz” i wypełnić instrukcje wyświetlane na ekranie.

Connecting the user's email address with Smash Balloon

Po zakończeniu powrócisz na stronę wtyczki. Smash Balloon pokaże teraz wszystkie rodzaje Twitter Feed, które można utworzyć.

Ponieważ chcesz więcej podawać dalej, po prostu wybierz „Oś czasu użytkownika” i kliknij „Dalej”.

Adding a Twitter user timeline to WordPress

Na następnym ekranie należy wpisać symbol @, a następnie nazwę twojego konta na Twitterze.

Gdy będziesz gotowy, kliknij „Dalej”, aby otworzyć główny edytor Smash Balloon.

Adding a Twitter retweet button to WordPress

Następnie możesz wybrać szablon, który będzie używany na Twoim kanale na Twitterze.

Na przykład, możesz pokazać twoje tweety w responsywnym pokazie slajdów, wybierając „Simple Carousel”. Jeśli chcesz promować tylko twój najnowszy tweet, możesz zamiast tego wybrać szablon „Najnowszy tweet”.

We wszystkich naszych obrazkach użyjemy szablonu „Default”, ale możesz wybrać dowolny szablon.

Choosing a template for an embedded Twitter feed

Po podjęciu twojej decyzji kliknij „Dalej”.

Smash Balloon wyświetli teraz podgląd kanału mediów społecznościowych, gotowy do dostosowania.

The Smash Balloon Twitter feed editor

Dostosuj swój WordPress Twitter Feed do własnych potrzeb

Nie jesteś zadowolony z wyglądu szablonu? Aby go zmienić, wystarczy wybrać opcję „Szablon” z menu po lewej stronie.

Następnie możesz kliknąć przycisk „Zmień”.

Choosing a new template for a social media feed

Spowoduje to otwarcie okna podręcznego, w którym można wybrać nowy układ.

Wystarczy wybrać nowy szablon, a następnie kliknąć przycisk „Aktualizuj”.

Smash Balloon's professionally-designed Twitter templates

Po wykonaniu tej czynności należy kliknąć odnośnik „Dostosuj”.

Spowoduje to powrót do głównych ustawień Smash Balloon.

Returning to the main Smash Balloon settings screen

Następną opcją w menu po lewej stronie jest „Układ kanałów”, więc kliknij ją.

Tutaj możesz zmienić wysokość kanału Twittera i liczbę tweetów, które odwiedzający początkowo zobaczy. Można również przełączać się między układem Grid, Masonry lub Carousel.

Customizing the Twitter feed layout

W miarę wprowadzania zmian podgląd będzie aktualizowany automatycznie, dzięki czemu można wypróbować różne ustawienia, aby zobaczyć, co wygląda najlepiej.

W zależności od używanego układu można zmienić liczbę kolumn wyświetlanych przez Smash Balloon na komputerach stacjonarnych, tabletach i urządzeniach mobilnych.

Smartfony i tablety mają zazwyczaj mniejsze ekrany i mniejszą moc obliczeniową, więc na urządzeniach mobilnych warto wyświetlać mniej kolumn.

W tym celu wystarczy skorzystać z rozwijanego menu w sekcji „Kolumny”.

Changing the number of columns in an embedded social media layout

Gdy będziesz zadowolony z układu kanałów, kliknij odnośnik „Dostosuj”, aby powrócić do głównego ekranu ustawień.

Tutaj możesz kliknąć „Schemat kolorów”.

Changing the color scheme to match your WordPress theme

Domyślnie Smash Balloon używa kolorów odziedziczonych z twojego motywu WordPress, ale możesz zamiast tego przełączyć się na schemat kolorów „Jasny” lub „Ciemny”.

Inną opcją jest utworzenie własnego schematu kolorów poprzez wybranie opcji „Dostosuj”, a następnie użycie elementów sterujących do zmiany koloru tła, zmiany koloru tekstu i innych.

Adding custom colors to an embedded social media feed

Gdy będziesz zadowolony ze swoich zmian, kliknij ponownie odnośnik „Dostosuj”. Po powrocie do głównego ekranu ustawień należy kliknąć „Nagłówek”.

Domyślnie Smash Balloon dodaje do kanału nagłówek „Standard”, który pokazuje przycisk „Obserwuj” i twój biogram na Twitterze, jeśli jest dostępny.

Jeśli chcesz ukryć biogram na Twitterze, kliknij, aby wyłączyć przełącznik „Pokaż biogram”.

Hiding the Twitter bio in your embedded social media feed

Inną opcją jest wybranie opcji „Tekst”, która dodaje do kanału nagłówek „Jesteśmy na Twitterze”.

Możesz zastąpić je twoim własnym komunikatem, wpisując go w polu „Tekst”.

Adding a header to a WordPress site using Smash Balloon

Gdy będziesz zadowolony z wiadomości, możesz zmienić rozmiar i kolor nagłówka.

Następnie wróć do głównego ekranu ustawień Smash Balloon i wybierz „Tweets”. Tutaj możesz wybrać między „Stylem tweeta” a „Edycją poszczególnych elementów”.

Customizing how individual tweets look in WordPress

Jeśli wybierzesz „Styl tweeta”, możesz wybrać między układem pudełkowym i zwykłym.

Jeśli wybierzesz opcję „Boxed”, możesz utworzyć kolorowe tło dla każdego tweeta. Możesz także zwiększyć promień obramowania, aby utworzyć zakrzywione rogi lub dodać cień ramki.

Adding box shadows to tweets

Jeśli wybierzesz opcję „Regularny”, możesz zmienić grubość i kolor linii oddzielającej twoje wpisy w mediach społecznościowych.

Kiedy będziesz zadowolony ze swoich zmian, po prostu kliknij „Tweet”.

Adding different styles to Twitter retweet buttons

Spowoduje to powrót do poprzedniego ekranu.

Tym razem możesz kliknąć „Edytuj poszczególne elementy”.

Customizing the retweet buttons in an embedded Twitter feed

Zobaczysz teraz wszystkie treści, które Twitter Feed Pro dołącza do każdego tweeta, takie jak autor, tekst tweeta, logo Twittera i inne.

Aby uzyskać jak najwięcej retweetów, warto wyróżnić ikonkę podawania dalej. Aby to zrobić, kliknij strzałkę obok opcji „Działania związane z tweetami”.

Customizing the retweet button in a Twitter feed

W tym miejscu można powiększyć działania na Twitterze za pomocą menu rozwijanego „Rozmiar” i zmienić kolor.

Należy tylko pamiętać, że Smash Balloon zastosuje te zmiany do wszystkich działań związanych z tweetami, a nie tylko do ikonki „podawania dalej”.

Adding a custom retweet button to WordPress using Smash Balloon

Gdy jesteś zadowolony z wyglądu działań na Twitterze, po prostu kliknij tekst „Elementy”.

Spowoduje to powrót do poprzedniego ekranu.

Editing individual elements inside a tweet

Wystarczy powtórzyć ten proces, aby dostosować dowolny z pozostałych elementów.

Element można również ukryć, usuwając jego zaznaczenie.

Removing content from individual tweets in WordPress

Ukrywanie niepotrzebnych treści to kolejna sztuczka, która może pomóc wyróżnić działanie podawane dalej.

Gdy będziesz zadowolony z wyglądu tweetów, możesz wrócić do głównego ekranu ustawień Smash Balloon i wybrać opcję „Wczytywanie kolejnych przycisków”.

Creating a Load More button using Smash Balloon

Ponieważ jest to tak ważny przycisk, możesz go dostosować, zmieniając jego kolor tła, stan najechania kursorem, etykietę i inne elementy, aby pasowały do projektu twojej witryny.

Możesz również zastąpić domyślny tekst „Wczytywanie więcej” twoim własnym komunikatem, wpisując go w polu „Tekst”.

Styling the Load More button in a tweet stream

Inną opcją jest włączenie nieskończonego przewijania, aby nowe tweety pojawiały się automatycznie, gdy odwiedzający dotrą do końca kanału. Zachęci to odwiedzających do zapoznania się z większą liczbą twoich tweetów i może przynieść dodatkowe podawanie dalej.

Aby włączyć tę funkcję, wystarczy kliknąć na pokaz slajdów „Nieskończone przewijanie”, aby zmienił kolor z szarego (wyłączony) na niebieski (włączony).

Adding infinite scroll to your WordPress blog or website

Można również zmienić „Trigger Distance”, który informuje Smash Balloon, kiedy ma wczytywać nowe tweety. Jednak domyślne ustawienia powinny działać dobrze dla większości witryn internetowych WordPress.

Ostatnią opcją na głównym ekranie ustawień Smash Balloon jest „Lightbox”.

Customizing the lightbox feature on your WordPress website

Domyślnie Twitter Feed Pro pozwala odwiedzającym na przewijanie obrazów i filmów z kanału w wyskakującym okienku lightbox.

Może to przynieść dodatkowe retweety, ponieważ odwiedzający mogą bliżej przyjrzeć się obrazkom w kanale i obejrzeć twoje filmy bez opuszczania witryny internetowej.

An example of a lightbox popup

Mając to na uwadze, zalecamy pozostawienie włączonego (okna) lightbox.

Jeśli jednak chcesz wyłączyć tę funkcję, po prostu kliknij niebieski przełącznik „Włącz”, aby zmienił kolor na szary.

Disabling the lightbox feature on your WordPress website

Gdy będziesz zadowolony z wyglądu Twitter Feed, nie zapomnij kliknąć „Zapisz”. Po tym, jesteś gotowy do osadzania kanału Twitter i przycisków podawania dalej na twojej witrynie internetowej WordPress.

Dodaj swój Twitter Feed do WordPressa

Kanał Twittera można dodać do twojej witryny internetowej za pomocą krótkiego kodu lub bloku Twitter Feed. Ponieważ jest to najłatwiejsza metoda, zobaczmy najpierw, jak można dodać kanał do dowolnej strony lub wpisu za pomocą bloku Smash Balloon.

Jeśli utworzyłeś więcej niż jeden kanał, musisz znaleźć kod kanału, który chcesz osadzać.

Aby uzyskać te informacje, przejdź do Twitter Feed ” All Feeds i skopiuj kod w kolumnie „Shortcode”. Będziesz musiał dodać ten kod do swojej witryny, więc zanotuj go.

Na poniższym obrazku będziemy musieli użyć [custom-twitter-feeds feed=2]

Adding a Twitter retweet button to your website using shortcode

Następnie wystarczy otworzyć stronę lub wpis, w którym chcemy osadzać Twitter Feed. Następnie kliknij ikonkę „+”, aby utworzyć nowy blok i zacznij wpisywać „Twitter Feed”.

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do wpisu na blogu.

Adding a Twitter feed using the Twitter Feed WordPress block

Blok będzie domyślnie wyświetlał jeden z twoich kanałów na Twitterze. Jeśli chcesz użyć innego kanału, znajdź „Ustawienia krótkiego kodu” w menu po prawej stronie.

Tutaj wystarczy dodać krótki kod, a następnie kliknąć „Zastosuj zmiany”.

Showing a different Twitter feed using shortcode

Blok będzie teraz pokazywał twój kanał na Twitterze i możesz po prostu opublikować lub zaktualizować wpis, aby był on dostępny na żywo na twojej witrynie internetowej.

Inną opcją jest dodanie kanału do dowolnego obszaru przystosowanego do widżetów, takiego jak panel boczny lub podobna sekcja. Dzięki temu odwiedzający będą mogli podawać dalej twoje najnowsze wpisy z dowolnej strony witryny internetowej.

Wystarczy przejść do Wygląd ” Widżety w kokpicie WordPress, a następnie kliknąć niebieski przycisk „+”.

Adding a Twitter feed to a widget-ready area

Gdy już to zrobisz, musisz wpisać „Twitter Feed”, aby znaleźć odpowiedni widżet.

Następnie wystarczy przeciągnąć go na obszar, w którym mają być wyświetlane przyciski feed i podawania dalej.

Adding retweet buttons to any widget-ready area

Widżet wyświetli jeden z feedów utworzonych za pomocą Smash Balloon.

Aby zamiast tego wyświetlić inny kanał Twittera, wpisz kod kanału w polu „Ustawienia krótkiego kodu”, a następnie kliknij „Zastosuj zmiany”.

Adding a Twitter feed and retweet buttons using shortcode

Możesz teraz kliknąć przycisk „Aktualizuj”, aby widżet stał się aktywny. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku na temat dodawania i używania widżetów w WordPress.

Wreszcie, można osadzać przyciski feed i retweet na dowolnej stronie, wpisie lub obszarze gotowym na widżet za pomocą krótkiego kodu.

Wystarczy przejść do Twitter Feed „ All Feeds i skopiować kod w kolumnie „Shortcode”. Teraz możesz dodać krótki kod do dowolnego obszaru Twojej witryny przystosowanego do widżetów.

Aby uzyskać więcej informacji, zapoznaj się z naszym szczegółowym przewodnikiem na temat dodawania krótkiego kodu w WordPress.

Dowiedz się więcej o sposobach wykorzystania Twittera w WordPressie

Czy chcesz w pełni wykorzystać twój profil na Twitterze do promowania witryny internetowej WordPress? A może chcesz dodać więcej treści z Twittera do twojej witryny? Zapoznaj się z poniższymi przewodnikami:

Mamy nadzieję, że ten artykuł pomógł ci dodać przyciski udostępniania i podawania dalej na Twitterze w WordPressie. Możesz również zapoznać się z naszym artykułem na temat najnowszych statystyk mediów społecznościowych, które blogerzy muszą znać, oraz z naszym przewodnikiem dla początkujących, jak założyć kanał YouTube dla twojego biznesu.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

44 komentarzeZostaw odpowiedź

  1. Jiří Vaněk

    I can only recommend buttons for Twitter and Facebook. They will increase your reach and possibly backlinks. Additionally, creating profiles for your website where people can find you and where you can provide more information is a great way to make yourself known. I have it implemented on my website as well; I would just appreciate some statistics. How many times has someone clicked on the button and made a tweet, and for which article, so I can have a better overview.

      • Jiří Vaněk

        So, I understand it well that a similar thing cannot be done using Google Analytics, for example, and an external plugin such as Monster Sight is required for this? I ask because I try to use as few plugins as possible and use them for as many things as possible. That’s why I thought if I could solve a similar thing, for example, using Google Analytics.

        • WPBeginner Support

          It is possible but you would need to manually set up the markup in Google Analytics to add to your button which is why we recommend the plugin :)

  2. Konrad

    Adding Twitter share and retweet buttons can indeed boost your social media presence. One thing to consider is the placement of these buttons for maximum engagement. It’s beneficial to conduct A/B testing to determine the most effective positions on your site. Additionally, make sure the buttons are clearly visible but not intrusive to the user experience.

  3. THANKGOD JONATHAN

    This post has opened my eyes.
    I was reluctant to create a twitter account because I think I will not have the time to engage compared to other social sites I love using.
    But now I thing I will give it a try after reading this article.

  4. RandyDueck

    Thanks for the quick response. I’m not a programmer, do you know where I can get a peice of code and paste it in? Re: Count, I’m thinking then that when testing, If I use the tweet button to post to post to my own page, then twitter doesn’t tink it’s legit? However, I have another twitter acc’t that I tried tweeting to and it didn’t increase. Is there a way I can test it to see that it’s working? How do I know it’s a legit tweet or not? I’m surpirsed that Twitter seems difficult compared to FB @wpbeginner

  5. wpbeginner

    @RandyDueck Twitter uses the new t.co shortner which only shorten links for their algorithm to make sure it is not SPAM… then it pastes the unshortened version… You have to utilize another API and write a bit of custom code to get the custom short URLs to work there…As far as the count, twitter button only shows count that it thinks are legit.

  6. RandyDueck

    Thanks for this great little code snippet. I want the twitter button to be in the post excerpt and below the title of the single-post page. the code works fine. gives the correct title etc. however, it does not shorten the link, and after tweeting, the tweet count doesn’t go up. the site is thinkactloveloseweight.com Thank your response

  7. KatrinaMoody

    Gretchen – all links should trace back to your permalink – so your permalink should be the source URL, not your short link … make sense? YOu can’t yet change the URL shortener if you use the official Tweet button ( I looked into it because I wanted to do a shortlink).

    Adding this so long after the original was posted because others might have that question!

  8. KatrinaMoody

    I thought I would note that some themes change the value for the title and post url – meaning that the code will tweet with your code in quotes. I got a couple questions on Twitter over that one. I just found the different variables that worked for my site and replaced them. So …

    Line three: data-url=””

    was changed to %permalink% – which was my theme’s replacement

    Line five: data-text=””

    was changed to %post-title% – again my theme’s replacement

    I wouldn’t have been able to do this without your tutorial! Thanks SOOOO much! You are now my go-to resource!

  9. idowebmarketing

    @wpbeginner @idowebmarketing Okay, there are two locations of this code, and I had only updated one!

  10. wpbeginner

    @idowebmarketing @wpbeginner data-via is the only thing that needs to be modified in order to make the change.

  11. idowebmarketing

    @wpbeginner @idowebmarketing Thanks – I added new blog posts to two of my blogs yesterday after implementing the updated code, however it still recommended wpbeginner on both. Is there any section of code that also needs to be updated?

  12. wpbeginner

    @idowebmarketing On old posts it takes twitter while to figure it out. On new posts it should be fine.

  13. idowebmarketing

    My blog is still recommending wpbeginner and I have updated the code. Here is the edited code:

    <script src=”http://platform.twitter.com/widgets.js” type=”text/javascript”></script> <a href=”http://twitter.com/share” data-url=”<?php the_permalink(); ?>” data-via=”idowebmarketing” data-text=”<?php the_title(); ?>” data-related=”imnewsdaily:Daily updates from the internet marketing industry” data-count=”vertical”>Tweet</a>Any idea what I am doing wrong?

  14. Richard

    Thank you for posting this!! I have been trying to slove this problem for about three days now…

    do you have the same code for the facebook like button?

  15. Gretchen

    I use the WP-generated shortlinks when tweeting about my posts, and have had troubles with those always showing in my Tweet count. The final bit of code on this site seems to work, though if you click to view the search results in Twitter it only shows the links to the actual permalink, not the links to the shortlink as well: http://bavotasan.com/tutorials/adding-tweet-button-wordpress/ It’s too bad WordPress and Twitter don’t count those as the same link somehow…

  16. Zakir

    I can add javascript in header but it will degrade YSlow rating, currently it is B rating. I really work hard to make B from D. I opened a ticket to twitter technical team, they just sent me email providing some links which may help me to get my answer or open a new ticket if not. Thats so stupid. Twitter people think we didn’t see other answers! thats so frustating. Linkedin doing quite well , their share button updates within a minute.

  17. Deepanshu

    hello sir :-) sir how do i use this for pages ? i was able to do it for posts

  18. Zakir

    In my above mentioned website, i used your code, index.php, single.php and other php file within loop.
    I can click the twitter tweet button and it shows count number, but if i refresh the page, that value goes away. Now after may be 1 hour if i check that article page, i can see the new count value. e.g. before i clicked the button it was 0, after almost 1 hour it shows 1. My question is why it took 1 hour to update. it should be updated immediately isn’t it?

    Now in front page which index.php, i used the code and again i used in single.php. User clicks an article from index.php and comes article page which is in single.php. The problem: count value is not synchronising the count from the index.php to single.php. I check it later it is but after almost 1 hour. so it is synchronising after almost 1 hour.

    Why? any idea.

    Recently I changed the .htaccess file to add expire headers to get some speed. i am getting that but today i removed that line and back to default .htaccess file. Do you think its something with .htaccess where caching is controlled by hour, minutes, seconds, months or even year. Even though if I enable caching, the twitter java script which is twitter server can’t force to use caching.

    Now I am not sure where I should look for to get immediate count value. client wants to see immediate count and synchronise with article page.

    Please check the http://www.bizgene.com to get an idea.

    Any clue or idea will be a great favour.

    I used following code for tweet count button:

    <a href="http://twitter.com/share&quot; class="twitter-share-button"
    data-url="”
    data-via=”bizgene”
    data-text=””
    data-count=”horizontal”>Tweet

    Zakir

    • Editorial Staff

      Zakir, We think this is a common bug going on with twitter API. We have been noticing a similar thing with our tweetmeme button regarding the count. It synchornizes the count almost after 20 – 30 minutes. Perhaps try adding the script part in your head codes and then display the a href part where you want the button to display might help.

      Administrator

  19. Simon

    I don’t get it. Using the data url link/button above gives just a t.co link and nothing else. Has something changed there or why doesn’t it output the values?

    • Editorial Staff

      Note, to get the_title(); or the_permalink(); you have to place this code inside the loop. If you place it outside a loop, then it will not give you a desired value.

      Administrator

  20. coz

    ARGH. This is what I tried but im replacing the greater-than/less-than symbols with brackets so it will hopefully show:

    [?php the_title(); ?] #[?php the_category(’,’); ?]

  21. coz

    um… last comment isn’t displaying the php… sorry. This is what i tried: (hopefully this will work)
    #

  22. coz

    For DataText, im looking to add the title and category of the post as a hashtag. I can’t seem to figure out how to do it, being that I’m not too familiar with php.

    I tried: >>> data-text=” #”

    but that didn’t work. Any idea of how to do this?

  23. S.Pradeep Kumar

    Nice tutorial. Finally I implemented that button on my blog. It will be nice if you can make a tutorial on how to customize it. I hate the default color. : |

  24. Calítoe.:. (Cristina MJ)

    I’ve noticed that the count displays horizontally even if one specifies data-count=”vertical”. Does anyone know what’s wrong with that?

    • NG

      I’m having the exact same problem. Any idea how to fix it?

      • Editorial Staff

        Refresh the page… This usually happens when the twitter script is not loading fine. Try placing the twitter script part in the head section.

        Administrator

  25. CharityHisle

    I think I’ll stick to the tweetmeme version until the plugin is completely developed with all of the options for placement.

  26. Rarst

    There isn’t much sense in filling out every setting, most of them work just fine without being set and will pick things like current URL and page title by default.

    Non-standard tag attributes will not validate (at least not as XHTML Transitional in my experience so far). Query arguments may not look as tidy, but they are more established and reliable.

  27. Konstantin

    Alternatively, you could use WordPress’ very own add_query_arg() function, to create the url.
    Nice post though, and quick, too. ;)

    • Editorial Staff

      Yup, we had to put it out quick because a lot of our twitter users said they wanted it.

      Administrator

  28. Amie

    Is there any chance I don’t have „The Loop” because I keep looking for this (or even a part of it) in my index file and it’s not there. Gah, I was hoping this would be easy! :-(

    • Editorial Staff

      That really depends on what theme you are using. Every theme must have the loop to show the recent posts. You can try Otto’s plugin.

      Administrator

  29. DJ NightLife

    I used to have Topsy buttons… was about to switch for the official button but… It seems this version have a problem recognizing the real count of tweets. I had a post of 52 tweets and now it shows 8.

  30. josemv

    Excellent, thanx !
    Any chance to include custom url shorteners, such as cli.gs or bit.ly ?

    • Editorial Staff

      No, twitter is using their very own service to verify the quality of link that is being tweeted.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.