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

WordPress’te Twitter Paylaş ve Retweet Düğmesi Ekleme

İçeriğinizi Twitter’da paylaşılabilir hale getirmek sadece sahip olunması gereken bir şey değil. Bu günlerde bir zorunluluk. İçeriğiniz üzerinde çok çalıştınız, o halde neden kullanıcıların paylaşmasını kolaylaştırmayasınız?

Bu sadece işinize daha fazla göz atılmasıyla ilgili değildir. Twitter paylaşımları aynı zamanda iyi SEO sinyalleridir. Arama motorları bu paylaşımları içeriğiniz için güven oyu olarak görür.

Bu yüzden Twitter’da aktifiz ve içeriğimizin paylaşılmasının kolay olduğundan emin oluyoruz. Siz de aynısını yapmak istiyorsanız, WordPress’te Twitter paylaş ve retweet düğmeleri eklemek için size 2 basit yöntem göstereceğiz.

How to add Twitter share and retweet button in WordPress

WordPress’e Neden Twitter Paylaş ve Retweet Düğmeleri Eklemelisiniz?

Pazarlama istatistikleri araştırmamıza göre, Twitter’ın aylık 217 milyondan fazla aktif kullanıcısı var. Bu da onu web sitenizi tanıtmak için harika bir yer haline getiriyor.

Ancak, içeriğinizi sosyal medyada paylaşmak yalnızca hesabınızı zaten takip eden kullanıcılara ulaşır. Yeni bir kitleye ulaşmak istiyorsanız, insanların içeriğinizi paylaşmasını ve retweet etmesini sağlamanız gerekir.

An example of a Twitter share button, embedded in WordPress

Bu, web sitenizden haberdar olmayan kişilere markanızı tanıtarak blog trafiğinizi artırabilir. İçeriğinizi yeniden yayınlamak da güçlü bir sosyal kanıt biçimidir. Bir kişi bir gönderiyi veya tweet’i takipçileriyle paylaştığında, bu genellikle bir onay olarak görülür.

Bununla birlikte, WordPress’te Twitter paylaşım ve retweet düğmeleri eklemenin ne kadar kolay olduğuna bakalım. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir:

Profesyonel İpucu: WordPress’te yazı içeriğinizi tweetlenebilir hale getirmenin bir yolunu mu arıyorsunuz? WordPress’te ‘Tweetlemek için Tıkla’ kutularının nasıl ekleneceğine ilişkin kılavuzumuza göz atın.

WordPress’te Paylaşılan Sayılarla Twitter Paylaşım Düğmesi Ekleme

WordPress’e Twitter paylaşım butonu eklemenin en kolay yolu Shared Counts eklentisini kullanmaktır. Shared Counts, sitenize her türlü paylaşım düğmesini eklemenize olanak tanıyan WordPress için en iyi sosyal medya ek lentilerinden biridir.

Diğer bazı sosyal paylaşım eklentilerinin aksine, Shared Counts benzersiz bir önbellekleme yöntemi kullanır, bu nedenle web sitenizin hızı ve performansı üzerinde büyük bir etkisi olmayacaktır.

Öncelikle eklentiyi yüklemeniz ve etkinleştirmeniz gerekecektir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Etkinleştirmenin ardından, eklentinin ayarlarını yapılandırmak için Ayarlar ” Paylaşılan Sayılar bölümüne gidin.

The Shared Counts WordPress plugin

Başlamak için ‘Görüntülenecek Paylaşım Düğmeleri’ kısmına ilerleyin.

Shared Counts varsayılan olarak Facebook, Pinterest ve Twitter için paylaşım düğmeleri ekler.

Adding a Twitter share button using the Shared Counts plugin

Facebook veya Pinterest paylaşım düğmesini silmek istiyorsanız, ‘x’ simgesine tıklamanız yeterlidir.

Alana yazarak diğer platformlar için sosyal paylaşım düğmeleri de ekleyebilirsiniz. Adım adım talimatlar için lütfen WordPress’te sosyal paylaşım düğmelerinin nasıl ekleneceğine ilişkin kılavuzumuza bakın.

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

Bunu yaptıktan sonra, WordPress blogunuzda ne tür bir düğme kullanacağınızı seçmeniz gerekecek. Aralarından seçim yapabileceğiniz 8 stil vardır ve her düğmenin örneklerini Shared Counts eklenti sayfasında görebilirsiniz.

Karar verdiğinizde, ‘Paylaşım Düğmesi Stili’ açılır menüsünü açın ve kullanmak istediğiniz stili seçin.

Changing the style of a social media sharing button in WordPress

Bundan sonra, ‘Tema Konumu’ açılır menüsünü açarak WordPress temanızda Twitter düğmesinin nerede gösterileceğini seçmelisiniz.

Burada İçerik Öncesi, İçerik Sonrası veya İçerik Öncesi ve Sonrası seçeneklerinden birini belirleyebilirsiniz.

Adding a Twitter sharing button to a WordPress theme

Düğmeyi sayfanın en üstüne eklerseniz, daha fazla ziyaretçi görecektir. Ancak, çoğu kişi bir gönderiyi paylaşmadan önce okumak isteyecektir. Bununla birlikte, ‘İçerikten Sonra’ veya ‘İçerikten Önce ve Sonra’yı seçmek isteyebilirsiniz.

Son olarak, Twitter düğmesini sayfalarınıza mı yoksa gönderilerinize mi ekleyeceğinize karar vermeniz gerekir.

Shared Counts varsayılan olarak düğmeyi yalnızca gönderilerinize ekler. Ancak, özellikle çok sayıda açılış sayfası oluşturuyorsanız sayfalarınıza da eklemek isteyebilirsiniz.

Bu durumda, ‘Sayfa’nın yanındaki kutuyu işaretleyebilirsiniz.

Adding a Twitter share button to a WordPress page or post

Twitter paylaşım düğmesinin nasıl ayarlandığından memnun olduğunuzda, ‘Değişiklikleri Kaydet’e tıklayın.

Şimdi, WordPress web sitenizi ziyaret ederseniz, paylaşım düğmesini çalışırken göreceksiniz.

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

Smash Balloon ile WordPress’te Kullanıcıların Tweetlerinizi Retweetlemesine Nasıl İzin Verirsiniz?

Bir sayfaya veya gönderiye basit bir paylaş düğmesi eklemek istiyorsanız, Shared Counts iyi bir seçenektir. Ancak, ziyaretçileri son tweetlerinizi retweet etmeye de teşvik etmek isteyebilirsiniz. Bu size daha fazla etkileşim sağlayabilir ve içeriğinizi daha da fazla yayabilir.

Daha fazla retweet almanın en iyi yolu Smash Balloon Twitter Feed Pro kullanmaktır. Bu Twitter Feed eklentisi, tüm Twitter akışınızı herhangi bir sayfaya, gönderiye veya widget’a hazır alana eklemenize olanak tanır.

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

Her tweetin kendi Twitter eylemleri satırı vardır.

Bu, ziyaretçilerin bir tweet’i ‘retweet’ düğmesine tıklayarak kolayca yeniden paylaşabileceği anlamına gelir.

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

Daha da iyisi, akış otomatik olarak güncellenir, böylece ziyaretçilerin etkileşimde bulunabileceği her zaman yeni tweetler vardır. Bu, sitenizi düzenli ziyaretçiler için bile taze ve ilginç tutmanıza yardımcı olabilir.

Eklenti hakkında daha fazla bilgi için Smash Balloon incelememizin tamamına göz atın.

Not: Aslında ücretsiz bir Smash Balloon Twitter Feed eklentisi mevcuttur. Ancak, daha fazla besleme şablonu ve hashtag beslemelerini görüntüleme yeteneği gibi daha fazla özelliğe sahip olduğu için Pro sürümünü kullanacağız.

Twitter Feed Pro’yu Kurun

Öncelikle Smash Balloon’s Twitter Feed Pro’yu yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Eklentiyi kurduktan sonra Twitter Feed ” Ayarlar bölümüne gidin. Şimdi Smash Balloon lisans anahtarınızı ‘Lisans Anahtarı’ alanına girebilirsiniz.

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

Bu bilgileri Smash Balloon’u satın aldığınızda aldığınız onay e-postasında ve Smash Balloon hesabınızda bulabilirsiniz.

Lisans anahtarınızı ekledikten sonra, devam edin ve ‘Etkinleştir’ düğmesine tıklayın.

WordPress için Canlı Twitter Akışı Oluşturma

Bunu yaptıktan sonra, özel bir Twitter akışı oluşturmaya hazırsınız demektir. Başlamak için Twitter Akışı ” Tüm Akışlar’a gidin ve ardından ‘Yeni Ekle’ düğmesine tıklayın.

Adding a Twitter feed to a WordPress website or blog

Smash Balloon ile ilk kez bir Twitter akışı ekliyorsanız, e-posta adresinizi doğrulamanız istenecektir.

Bunu yapmak için ‘Bağlan’ düğmesine tıklamanız ve ekrandaki talimatları tamamlamanız yeterlidir.

Connecting the user's email address with Smash Balloon

İşiniz bittiğinde eklenti sayfasına geri döneceksiniz. Smash Balloon şimdi oluşturabileceğiniz tüm farklı Twitter beslemelerini gösterecektir.

Daha fazla retweet istediğiniz için ‘Kullanıcı Zaman Çizelgesi’ni seçin ve ‘İleri’ye tıklayın.

Adding a Twitter user timeline to WordPress

Bir sonraki ekranda, @ sembolünü ve ardından Twitter hesabınızın adını yazmanız gerekir.

Hazır olduğunuzda, ana Smash Balloon editörünü açmak için ‘İleri’ye tıklayın.

Adding a Twitter retweet button to WordPress

Ardından, Twitter akışınızda kullanacağınız şablonu seçebilirsiniz.

Örneğin, ‘Basit Karusel’i seçerek tweetlerinizi duyarlı bir kaydırıcıda gösterebilirsiniz. Yalnızca en son tweetinizi tanıtmak istiyorsanız bunun yerine ‘ En Son Tweet’ şablonunu seçebilirsiniz.

Biz tüm görsellerimizde ‘Varsayılan’ şablonu kullanacağız, ancak siz istediğiniz şablonu seçebilirsiniz.

Choosing a template for an embedded Twitter feed

Kararınızı verdikten sonra ‘İleri’ye tıklayın.

Smash Balloon şimdi özelleştirmeniz için hazır olan sosyal medya akışının bir önizlemesini gösterecektir.

The Smash Balloon Twitter feed editor

WordPress Twitter Akışınızı Özelleştirme

Şablonun görünümünden memnun değil misiniz? Değiştirmek için sol taraftaki menüden ‘Şablon’u seçmeniz yeterlidir.

Daha sonra ‘Değiştir’ düğmesine tıklayabilirsiniz.

Choosing a new template for a social media feed

Bu, yeni bir düzen seçebileceğiniz bir açılır pencere açar.

Yeni bir şablon seçin ve ardından ‘Güncelle’ye tıklayın.

Smash Balloon's professionally-designed Twitter templates

Bunu yaptıktan sonra, ‘Özelleştir’ bağlantısına tıklamanız gerekir.

Bu sizi ana Smash Balloon ayarlarına geri götürecektir.

Returning to the main Smash Balloon settings screen

Sol taraftaki menüde bir sonraki seçenek ‘Besleme Düzeni’dir, bu yüzden bir tıklama yapın.

Burada, Twitter akışının yüksekliğini ve ziyaretçinin başlangıçta göreceği tweet sayısını değiştirebilirsiniz. Ayrıca Izgara, Duvar veya Karusel düzeni arasında geçiş yapabilirsiniz.

Customizing the Twitter feed layout

Siz değişiklik yaptıkça önizleme otomatik olarak güncellenir, böylece en iyi neyin göründüğünü görmek için farklı ayarları deneyebilirsiniz.

Kullandığınız düzene bağlı olarak, Smash Balloon’un masaüstü, tablet ve mobil cihazlarda kaç sütun göstereceğini değiştirebilirsiniz.

Akıllı telefonlar ve tabletler genellikle daha küçük ekranlara ve daha az işlem gücüne sahiptir, bu nedenle mobil cihazlarda daha az sütun göstermek isteyebilirsiniz.

Bunu yapmak için, ‘Sütunlar’ bölümündeki açılır menüleri kullanmanız yeterlidir.

Changing the number of columns in an embedded social media layout

Besleme düzeninin nasıl ayarlandığından memnun olduğunuzda, ana ayarlar ekranına dönmek için ‘Özelleştir’ bağlantısına tekrar tıklayın.

Burada, ‘Renk Düzeni’ne tıklayabilirsiniz.

Changing the color scheme to match your WordPress theme

Smash Balloon varsayılan olarak WordPress temanızdan devralınan renkleri kullanır, ancak bunun yerine ‘Açık’ veya ‘Koyu’ renk düzenine geçebilirsiniz.

Başka bir seçenek de ‘Özel’i seçerek ve ardından arka plan rengini değiştirmek, metin rengini değiştirmek ve daha fazlası için kontrolleri kullanarak kendi renk düzeninizi oluşturmaktır.

Adding custom colors to an embedded social media feed

Yaptığınız değişikliklerden memnun olduğunuzda, ‘Özelleştir’ bağlantısına bir kez daha tıklayın. Ana ayarlar ekranına geri döndüğünüzde, ‘Üstbilgi’ye tıklamanız gerekir.

Smash Balloon, varsayılan olarak akışa bir ‘Takip Et’ düğmesi ve varsa Twitter biyografinizi gösteren bir ‘Standart’ başlık ekler.

Twitter biyografisini gizlemek istiyorsanız, ‘Biyografiyi Göster’ geçişini devre dışı bırakmak için tıklayın.

Hiding the Twitter bio in your embedded social media feed

Diğer bir seçenek de akışa “Twitter’dayız” başlığını ekleyen “Metin “i seçmektir.

Bunu ‘Metin’ kutusuna yazarak kendi mesajınızla değiştirebilirsiniz.

Adding a header to a WordPress site using Smash Balloon

Mesajlaşmadan memnun olduğunuzda, başlığın boyutunu ve rengini değiştirebilirsiniz.

Bundan sonra, ana Smash Balloon ayarları ekranına dönün ve ‘Tweetler’i seçin. Burada, ‘Tweet Stili’ ve ‘Bireysel Unsurları Düzenle’ arasında seçim yapabilirsiniz.

Customizing how individual tweets look in WordPress

‘Tweet Stili’ni seçerseniz kutulu ve normal düzenler arasında seçim yapabilirsiniz.

‘Kutulu’ seçeneğini belirlerseniz, her tweet için renkli bir arka plan oluşturabilirsiniz. Ayrıca kavisli köşeler oluşturmak için kenarlık yarıçapını büyütebilir veya bir kutu gölgesi ekleyebilirsiniz.

Adding box shadows to tweets

‘Normal’i seçerseniz, farklı sosyal medya gönderilerinizi ayıran çizginin kalınlığını ve rengini değiştirebilirsiniz.

Yaptığınız değişikliklerden memnun olduğunuzda ‘Tweetler’e tıklamanız yeterlidir.

Adding different styles to Twitter retweet buttons

Bu sizi bir önceki ekrana geri götürür.

Bu kez, ‘Bireysel Unsurları Düzenle’ seçeneğine tıklayabilirsiniz.

Customizing the retweet buttons in an embedded Twitter feed

Artık Twitter Feed Pro’nun her tweet’e eklediği yazar, tweet metni, Twitter logosu ve daha fazlası gibi tüm içerikleri göreceksiniz.

Mümkün olduğunca çok retweet almak için retweet simgesinin öne çıkmasını sağlamak iyi bir fikirdir. Bunu yapmak için ‘Tweet Eylemleri’nin yanındaki oka tıklayın.

Customizing the retweet button in a Twitter feed

Burada, ‘Boyut’ açılır menüsünü kullanarak tweet eylemlerini büyütebilir ve rengi değiştirebilirsiniz.

Smash Balloon’un bu değişiklikleri sadece ‘retweet’ simgesine değil, tüm tweet eylemlerine uygulayacağını unutmayın.

Adding a custom retweet button to WordPress using Smash Balloon

Tweet eylemlerinin nasıl göründüğünden memnun olduğunuzda, ‘Elements’ metnine tıklamanız yeterlidir.

Bu sizi bir önceki ekrana geri götürecektir.

Editing individual elements inside a tweet

Diğer unsurlardan herhangi birini özelleştirmek için bu işlemi tekrarlamanız yeterlidir.

Bir öğeyi, kutusunun işaretini kaldırarak da gizleyebilirsiniz.

Removing content from individual tweets in WordPress

Gereksiz içeriği gizlemek, retweet eyleminin öne çıkmasına yardımcı olabilecek bir başka hiledir.

Tweetlerin görünümünden memnun olduğunuzda, ana Smash Balloon ayarları ekranına dönebilir ve ‘Daha Fazla Düğme Yükle’yi seçebilirsiniz.

Creating a Load More button using Smash Balloon

Bu kadar önemli bir düğme olduğu için arka plan rengini, üzerine gelme durumunu, etiketini ve daha fazlasını sitenizin tasarımına uyacak şekilde değiştirerek özelleştirmek isteyebilirsiniz.

Ayrıca varsayılan ‘Daha Fazla Yükle’ metnini ‘Metin’ alanına yazarak kendi mesajınızla değiştirebilirsiniz.

Styling the Load More button in a tweet stream

Bir başka seçenek de sonsuz kaydırmayı etkinleştirmektir, böylece ziyaretçiler akışın sonuna ulaştığında yeni tweetler otomatik olarak görünür. Bu, ziyaretçileri tweetlerinizi daha fazla keşfetmeye teşvik eder ve size fazladan retweet kazandırabilir.

Bu özelliği etkinleştirmek için ‘Sonsuz Kaydırma’ kaydırıcısına tıklamanız yeterlidir, böylece kaydırıcı griden (devre dışı) maviye (etkin) döner.

Adding infinite scroll to your WordPress blog or website

Smash Balloon’a yeni tweetleri ne zaman yükleyeceğini söyleyen ‘Tetikleme Mesafesi’ni de değiştirebilirsiniz. Ancak, varsayılan ayarlar çoğu WordPress web sitesi için iyi çalışmalıdır.

Bundan sonra, ana Smash Balloon ayarlar ekranındaki son seçenek ‘Işık Kutusu’dur.

Customizing the lightbox feature on your WordPress website

Twitter Feed Pro, varsayılan olarak ziyaretçilerin bir ışık kutusu açılır penceresinde akıştaki görseller ve videolar arasında gezinmesine olanak tanır.

Bu size fazladan retweet kazandırabilir çünkü ziyaretçiler web sitesinden ayrılmadan akıştaki görsellere daha yakından bakabilir ve videolarınızı izleyebilir.

An example of a lightbox popup

Bunu göz önünde bulundurarak, ışık kutusunu etkin bırakmanızı öneririz.

Ancak, bu özelliği devre dışı bırakmak istiyorsanız, griye dönmesi için mavi ‘Etkinleştir’ geçişine tıklamanız yeterlidir.

Disabling the lightbox feature on your WordPress website

Twitter akışının nasıl göründüğünden memnun olduğunuzda, ‘Kaydet’e tıklamayı unutmayın. Bundan sonra, Twitter akışını ve retweet düğmelerini WordPress web sitenize yerleştirmeye hazırsınız.

Twitter Akışınızı WordPress’e Ekleme

Twitter akışını web sitenize bir kısa kod veya Twitter Akışı bloğunu kullanarak ekleyebilirsiniz. En kolay yöntem olduğu için, öncelikle Smash Balloon bloğunu kullanarak beslemeyi herhangi bir sayfaya veya gönderiye nasıl ekleyebileceğinizi görelim.

Birden fazla besleme oluşturduysanız, yerleştirmek istediğiniz beslemenin kodunu bulmanız gerekecektir.

Bu bilgiyi almak için Twitter Feeds ” All Feeds bölümüne gidin ve ‘Shortcode’ sütunundaki kodu kopyalayın. Bu kodu sitenize eklemeniz gerekecek, bu yüzden not alın.

Aşağıdaki görüntüde, [custom-twitter-feeds feed=2] kullanmamız gerekecek

Adding a Twitter retweet button to your website using shortcode

Bundan sonra, Twitter akışını yerleştirmek istediğiniz sayfayı veya gönderiyi açmanız yeterlidir. Ardından, yeni bir blok eklemek için ‘+’ simgesine tıklayın ve ‘Twitter Feed’ yazmaya başlayın.

Doğru blok göründüğünde, blog gönderisine eklemek için tıklayın.

Adding a Twitter feed using the Twitter Feed WordPress block

Blok, varsayılan olarak Twitter akışlarınızdan birini gösterecektir. Farklı bir akış kullanmak istiyorsanız, sağ taraftaki menüde ‘Kısa Kod Ayarları’nı bulun.

Burada, kısa kodu ekleyin ve ardından ‘Değişiklikleri Uygula’ya tıklayın.

Showing a different Twitter feed using shortcode

Blok artık Twitter akışınızı gösterecek ve gönderiyi web sitenizde canlı hale getirmek için yayınlayabilir veya güncelleyebilirsiniz.

Diğer bir seçenek de beslemeyi kenar çubuğu veya benzer bir bölüm gibi widget’a hazır herhangi bir alana eklemektir. Bu, ziyaretçilerin web sitenizin herhangi bir sayfasından en son gönderilerinizi retweet etmelerine olanak tanır.

WordPress panosunda Görünüm ” Widget ‘lar bölümüne gidin ve ardından mavi ‘+’ düğmesine tıklayın.

Adding a Twitter feed to a widget-ready area

Bunu yaptıktan sonra, doğru widget’ı bulmak için ‘Twitter Feed’ yazmanız gerekir.

Ardından, feed ve retweet düğmelerini göstermek istediğiniz alana sürüklemeniz yeterlidir.

Adding retweet buttons to any widget-ready area

Widget, Smash Balloon kullanarak oluşturduğunuz beslemelerden birini gösterecektir.

Bunun yerine farklı bir Twitter beslemesi göstermek için, beslemenin kodunu ‘Kısa Kod Ayarları’ kutusuna yazın ve ardından ‘Değişiklikleri Uygula’ya tıklayın.

Adding a Twitter feed and retweet buttons using shortcode

Widget’ı canlı hale getirmek için artık ‘Güncelle’ düğmesine tıklayabilirsiniz. Daha fazla bilgi için lütfen WordPress’te widget ekleme ve kullanma hakkındaki adım adım kılavuzumuza bakın.

Son olarak, bir kısa kod kullanarak besleme ve retweet düğmelerini herhangi bir sayfaya, gönderiye veya widget’a hazır alana yerleştirebilirsiniz.

Twitter Feed “ All Feeds bölümüne gidin ve ‘Shortcode’ sütunundaki kodu kopyalayın. Artık kısa kodu sitenizdeki widget’a hazır herhangi bir alana ekleyebilirsiniz.

Daha fazla bilgi için lütfen WordPress’te nasıl kısa kod ekleneceğine ilişkin ayrıntılı kılavuzumuza bakın.

WordPress’te Twitter’ı Kullanmanın Daha Fazla Yolunu Öğrenin

WordPress web sitenizi tanıtmak için Twitter profilinizden en iyi şekilde yararlanmak mı istiyorsunuz? Ya da sitenize daha fazla Twitter içeriği mi eklemek istiyorsunuz? Aşağıdaki kılavuzlara göz atın:

Umarız bu makale WordPress’e Twitter paylaş ve retweet butonları eklemenize yardımcı olmuştur. Ayrıca blog yazarlarının bilmesi gereken en son sosyal medya istatistikleri hakkındaki makalemize ve işletmeniz için bir YouTube kanalını nasıl başlatacağınıza dair başlangıç kılavuzumuza da göz atmak isteyebilirsiniz.

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

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.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

45 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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 :)

  3. 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.

  4. 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.

  5. 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

  6. 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.

  7. 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

  8. 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!

  9. 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!

  10. idowebmarketing

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

  11. wpbeginner

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

  12. 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?

  13. wpbeginner

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

  14. 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?

  15. 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?

  16. 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…

  17. 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.

  18. Deepanshu

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

  19. 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.

      Yönetici

  20. 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.

      Yönetici

  21. 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(‘,’); ?]

  22. coz

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

  23. 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?

  24. 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. : |

  25. 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.

        Yönetici

  26. CharityHisle

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

  27. 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.

  28. 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.

      Yönetici

  29. 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.

      Yönetici

  30. 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.

  31. 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.

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.