Web Siteleri ve Bloglar İçin Shareaholic Sosyal Medya 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...

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?

COMMENTS

Ad

1. Cilt 1080P 4. Sezon 44. Çocuk Aksiyon Filmleri Alexa Analiz Android Android Haberleri Android İpuçları Android Uygulamaları Anket Antremanlarla Matematik Apk Apk İndir Arama Açıklaması Arama Motorları Arı Bana Dair Base Başarı Başlık Efekt Blog Blog Keşif Etkinliği Blog Nasıl Açılır? Blogger Blogger Eklentileri Blogger Eklentisi Blogger Hakkında Blogger İpuçları Blogger İstatistikler Widget'ı Blogger Sayfa Kaydırma Efekti Blogger Sorunları Blogger Tavsiyeleri Blogger Temaları Blogger Widget'ları Blogger Yedekleme Boks Buton camera Checker Gmail Child 44 Chroma Keyboard Cillian Murphy Clev Note CSS Deadpool Deadpool İndir Ders Ders Çalışma Diğer Kategoriler Dinlediklerim Dives İkon Drama Filmleri Drop Caps Duvar Kağıtları Editörün Seçtikleri Eklenti exi2.net Facebook Film Filmler First Character First Letter Flat İcon Font Forrest Gump Galeri Gary Oldman Gerilim Filmleri GetSiteControl Google Google Chrome Google Fonts Google+ Google+ Toplulukları Görsel Hayal Gücü Yüksek Sorular Hayat ve Düşünce HTML Instagram İcon İkon Paketleri İndex İndir İnfografik İstatistikler İzlediklerim Kalıcı Bağlantı Kaliteli Blogger Eklentileri Kaptan Amerika Kahramanların Savaşı Kim Bu Semih Kimdir Kişisel Blog Kişisel Yazılar Kitap Kullandıklarım Launcher Logo Efekt Material Material Design MeloCloud+ Music Player Meta Açıklaması Mim Minimal Design Mobil Muhammad Ali Muhammad Ali Sözleri Muhammad Ali'nin Hayatı Müzik Müzisyen Nasıl Yapılır Nasıl Yapılır? Nedir OGInstagram Okuduklarım Osmia Avosetta Önemi Öp Evlen Uçurumdan At Özel Başlık Etiketleri Paylaşım PC PC Uygulamaları Peaky Blinders Pocket Popüler Yayınlar Renato Carosone Resim ve Video Responsive Robots txt Root Satın Aldıklarım Scroll Smooth SEO SEO Ayarları Shareaholic Shareit Sherlock Sherlock Holmes Sınav Sıralama Site Haritası Social Meter Sosyal Medya Soundcloud Sözler Spor Tasarım Tavsiye Tavsiyelerim Teknoloji Tema Template Clue The Mentalist The Mentalist Replikleri Tom Hardy TVShow Time Uygulama Ücretsiz İkon Üst Sıralara Çıkmak Video Videolar Website WhatFont Woorank Word Count Wordpress Yabancı Diziler Yardımlaşma Yayın Ayarları Yaz Tatili Yazar Olmak Yazı Yazı Kutusu Yazı Yazmak YGS YGS Süreci Yıldız Sıralamalı Youtube Ziyaretçi Trafiği
false
ltr
item
Ali Doğan - Kişisel Blog: Web Siteleri ve Bloglar İçin Shareaholic Sosyal Medya Paylaşım Butonları
Web Siteleri ve Bloglar İçin Shareaholic Sosyal Medya Paylaşım Butonları
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumxPYjbfr-Cc4X3Cla4gEsNybQpgrLOmg63jhhz-nTFbK_9Qm66r1OLJfQ-kYh5hJl0nr4AoGNfzS0da7tRdA0_sS7ONL0iC_4mX_1O_AyIW93Ie1x00BQ9F5JVS9l2J6BeetrYC8k0k/s640/Web+Siteleri+ve+Bloglar+%25C4%25B0%25C3%25A7in+Shareaholic+Sosyal+Medya+Payla%25C5%259F%25C4%25B1m+Butonlar%25C4%25B1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumxPYjbfr-Cc4X3Cla4gEsNybQpgrLOmg63jhhz-nTFbK_9Qm66r1OLJfQ-kYh5hJl0nr4AoGNfzS0da7tRdA0_sS7ONL0iC_4mX_1O_AyIW93Ie1x00BQ9F5JVS9l2J6BeetrYC8k0k/s72-c/Web+Siteleri+ve+Bloglar+%25C4%25B0%25C3%25A7in+Shareaholic+Sosyal+Medya+Payla%25C5%259F%25C4%25B1m+Butonlar%25C4%25B1.png
Ali Doğan - Kişisel Blog
https://alidogan2017.blogspot.com/2016/10/web-siteleri-ve-bloglar-icin.html
https://alidogan2017.blogspot.com/
http://alidogan2017.blogspot.com/
http://alidogan2017.blogspot.com/2016/10/web-siteleri-ve-bloglar-icin.html
true
5932020837924267134
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy