Web Siteleri ve Bloglar İçin Shareaholic Sosyal Medya Paylaşım Butonları - Vektörel Çizim indir - Kişiye Özel Hediye

Güncel Yayınlar

Vektörel Çizim indir - Kişiye Özel Hediye

Vektörel Çizim indir - Kişiye Özel Hediye

Post Top Ad

16 Ekim 2016 Pazar

Web Siteleri ve Bloglar İçin Shareaholic Sosyal Medya Paylaşım Butonları

Blogger Paylaşım Butonları

Web siteleri ve bloglar için gerekli şeylerden birisi de paylaşım butonlarıdır. Paylaşım butonları sayesinde ziyaretçiler yazılarınızı paylaşır ve yazınızın daha çok kişiye ulaştırılmasını sağlar. Fakat bizlerin de birtakım yapmamız gereken şeyler vardır. Bunlardan birisi de bu paylaşım butonlarının daha göz alanını kullanmak gibi. İşte Shareaholic de bu göz alıcı paylaşım butonlarının arasında yer alıyor. Ben de sizlere elimden geldiğince Shareaholic servisini tanıtacağım ve nasıl kullanabileceğinizden bahsedeceğim.

Shareaholic Nedir, Ne İşe Yarar?

Shareaholic, Blogger, Wordpress, Tumblr, Joomla, Drupal gibi birçok platformlarda sosyal medya paylaşım butonları, sosyal medya butonları ve benzer yazılar eklentisini kullanmamıza olanak sağlayan ücretsiz bir servistir. Bu sayede web siteleri ve bloglarda kullanabilirliği üst seviyeye çıkarır, kullanıcılara kolaylık sağlar. Göz alıcı tasarımıyla da hem kullanıcı hem de ziyaretçiyi görsellik adına tatmin ettiğini düşünüyorum.

Shareaholic Nasıl Kullanılır?

Shareaholic, üyelik sistemiyle çalışan bir servis olduğundan önce kayıt olmanız gerekmektedir. Kayıt olup giriş yaptıktan sonra ise eklemek istediğiniz eklentiyi seçip, düzenledikten sonra size verilen kodu gerekli yere yapıştırarak kolaylıkla kullanabilirsiniz. Yazımın devamında ise daha ayrıntılı olarak bu konuya değineceğim.

Shareaholic İçerisinde Hangi Eklentiler Var?

Shareaholic içerisinde; özelleştirilebilir 4 adet sosyal medya paylaşım butonu, özelleştirilebilir benzer yazılar eklentisi ve son olarak özelleştirilebilir sosyal medya takip butonları vardır. Bunların yanında görsellerin üzerinde gelindiğinde beliren Pinterest paylaşım butonu, header kısmında çıkan bildirim yazısı ve tüm sayfalarda sol kısımda gözüken küçük paylaşım butonları vardır.

Adım Adım Shareaholic Kurulumu

Shareaholic
  • İlk olarak https://shareaholic.com/signup adresine gidin. E-posta adresi ve bir şifre yazdıktan sonra Create Your Account butonuna tıklayın. Dilerseniz kayıt olmadan giriş yapma yerinden Facebook veya Twitter hesaplarınızla da giriş yapabilirsiniz.
Shareaholic
  • https://shareaholic.com/login adresinden kayıt olduğunuz e-posta adresi ve şifrenizle giriş yapın.
Shareaholic
  • Giriş yaptıktan sonra karşınıza yukarıdaki ekran görüntüsü gibi bir sayfa gelecektir. Bu sayfada bulunan ADD WEBSITE kısmına tıklayın.
Shareaholic
  • Karşınıza yukarıdaki ekran görüntüsü gibi bir sayfa gelecektir. Gerekli yerleri kendi bilgilerinizi yazdıktan sonra Continue butonuna tıklayın.
Shareaholic
  • Evet, şimdi en önemli kısıma geldik. Yapacağınız tüm işlemleri bu kısımdan halledeceksiniz. Her neyse ilk olarak Get Setup Code butonuna tıklayın ve karşınıza gelen kodları kopyalayın. Daha sonra Blogger panelinde sol kısımda bulunan Şablon ve HTML'yi düzenle seçeneklerine tıklayın. Kodların bulunduğu alana bir kez tıklayıp Ctrl+F tuşlarına basın. Gelen arama ekranına ise </head> yazıp Enter tuşuna basın.
  • </head> kodunun bir üst satırına ise kopyalamış olduğunuz kodları yapıştırıp kaydedin.
  • Şimdi ise sıra eklemek istediğiniz şeye geldi. Sayfanın en aşağısına inip Add Inline App Location seçeneğine tıklayın ve paylaşım butonları için Share Buttons seçeneğine tıklayın.
Shareaholic
  • Share Buttons seçeneğine tıkladıktan sonra yukarıdaki ekran görüntüsü gibi bir sayfa gelecektir. Name kısmına herhangi bir şey yazdıktan sonra paylaşım butonunuzu nasıl görmek istiyorsanız, öyle düzenleyin ve son olarak en altta bulunan Save Settings seçeneğine tıklayın.
  • https://shareaholic.com/publisher_tools adresine gidin ve en altta bulunan Inline Apps başlığının altındaki seçeneğin sağında bulunan </> işaretine tıklayın.
Shareaholic
  • </> seçeneğine tıkladıktan sonra, yukarıdaki gibi bir sayfa gelecektir. Buradaki kodları kopyalayın.
  • Kopyaladıktan sonra Blogger panelinde sol kısımda bulunan Şablon ve daha sonra HTML'yi düzenle seçeneklerine tıklayın. 
  • Kodların bulunduğu alana bir kez tıklayıp Ctrl+F tuşlarına tıklayın. Gelen arama ekranına ise <data:post.body/> yazıp Enter tuşuna tıklayın ve <data:post.body/> kodunun bir üst satırına kopyalamış olduğunuz kodları yapıştırın. Böylece oluşturmuş olduğunuz paylaşım butonlarını görüntüleyebilirsiniz. Eğer her şeyi eksiksiz yerine getirdiğiniz halde olmadıysa 2. 3. ya da diğer <data:post.body/> kodlarının altına deneme yanılma yöntemiyle kodları yapıştırın, mutlaka olacaktır.
Paylaşım butonları için anlatımım bu kadardı. Dilerseniz Add Inline App Location seçeneğine tıkladıktan sonra benzer yazılar ve takip butonları da oluşturabilirsiniz. Şimdi ise Shareaholic içerisinde bulunan birkaç özellikten daha bahsetmek istiyorum. 

https://shareaholic.com/publisher_tools adresine tıkladığınızda Apps diye bir başlık karşınıza gelmektedir. Buranın altında bulunan birtakım özellikleri sizlere aktaracağım, belki işinize yarayan birkaç şey daha çıkar. Fakat bazıları hakkında hiçbir teknik bilgim yok bu yüzden pek yardımcı olamayacağım, kusura bakmayın.

Shareaholic Apps

Content Analytics: Gerekli yerleri düzenleyerek Google Analytics üzerinden paylaşım istatistiklerine göz atabilirsiniz.

Float Share Buttons: Bu seçeneği aktif hale getirirseniz, blogunuzun sol kısmında her sayfada gözüken dikey paylaşım butonlarına sahip olursunuz. Kullanacaksanız ayarlar çarkına tıkladıktan sonra düzenleyip de kullanabilirsiniz.

Total Share Counter: Toplam paylaşımı gösteren bir kod verir ve sizler de bunu göstermek istediğiniz sayfalara yapıştırabilirsiniz.

Shareable Images: Seçeneği aktif ettiğiniz zaman blogunuzun üzerindeki görsellere gelindiğinde Pinterest paylaşım butonu belirir.

Cookie Consent Banner: Seçeneği aktif ettiğinizde blogunuzun üst kısmında uyarı belirir. Ayarlar çarkına tıklayıp düzenledikten sonra farklı amaçlar için de kullanabilirsiniz.

Affiliate Links: Bunu anlamadım birisi anlatabilir mi? 😅

Mobile Anchor Overlay Ads: Valla bunu da anlamadım, ama önemli bir şeye benzemiyor. Siz anladıysanız yazarsınız.

Son Sözler

Bildiğim her şeyi ayrıntılı olarak yazmaya çalıştım. Umarım sizlere yardımcı olabilmişimdir. Bence harika eklentilere sahip, bir deneyin derim. Görsellik bakımından da harika bir şey. Yapamadığınız kısımlarda ben yardımcı olurum. Peki sizler Shareaholic hakkında neler düşünüyorsunuz?

Hiç yorum yok:

Yorum Gönder