instela kullanıcıları için internet’in değişik yerlerinde gördükleri linkleri referans vererek başlıklar açmak oldukça alışılmış bir harekettir. bugüne kadar instela’da toplam 50000‘i aşkın web sitesine ait link paylaşılmıştır ve her gün bunlara yenileri eklenmektedir. instela üzerinde yer alan linkler kullanılarak diğer sitelere aylık 5.000.000’un üzerinde ziyaret aktarılmakta ve paylaşım butonlarının yaygınlaşması ile birlikte bu rakamın yalnızca 6 ay içerisinde iki katına çıkması beklenmektedir.

eğer bir web sitesi sahibiyseniz, haber, video, fotoğraf gibi özgün içerikler oluşturuyorsanız sitenize instela’da paylaş butonu ekleyerek

  • instela kullanıcılarının yayınladığınız içeriğe ait bağlantıyı takipçileri ile paylaşması sayesinde sitenize trafik sağlayabilir
  • bu içeriklerin başlıklarla eşleştirilmesi halinde viral yayılım sağlama şansına erişebilirsiniz.

kullanım

paylaşım butonunu yerleştirmek istediğiniz yere aşağıdaki kodu yapıştırın:

<a href="https://tr.instela.com" class="instela-share">instela'da paylaş</a>
<script>!function(d, s, id) {var js, ijs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';if (!d.getElementById(id)) {js = d.createElement(s);js.id = id;js.src = p + '://widgets.instela.com/instela.js';ijs.parentNode.insertBefore(js, ijs);}}(document, 'script', 'instela-sjs');</script>


buton tipleri

değişik tasarımlarda 4 adet paylaş butonu bulunmaktadır. buton tipleri a (anchor) etiketine verilecek data-type parametresiyle seçilebilir.

instela'da paylaş normal
instela'da paylaş small
instela'da paylaş large
instela'da paylaş square


özelleştirme

<a> etiketi bazı parametreler alabilir

parametreöntanımlı değer ve olası değerleraçıklama
data-url location.href paylaşılacak sayfa url'si. bir değer belirtilmediğinde ``location.href`` değeri paylaşılacak sayfa url'si olarak kabul edilir.
data-type [normal|small|large|square] buton tipi. değişik türler için aşağıya bakınız.
data-lang [tr|en] paylaşılacak instela dili.


api

web sitesi sahipleri için web sitelerindeki linklerin instela’da paylaşım istatistiklerini sunan bir api’miz de bulunmaktadır. bu api’nin nasıl kullanılacağını öğrenmek için api dökümantasyonunu inceleyebilirsiniz.

bazı notlar

javascript kütüphanesi yüklendikten sonra web sayfası üzerinde bulunan her instela paylaşım linki bir iframe etiketine dönüştürülür. bu iframe’in yerleşimi için sayfanızda bazı css önergeleri tanımlanamanız gerekebilir. bunları iframe.instela-share-button css sınıfını kullanarak tanımlayabilirsiniz. örneğin bu dökümantasyon sayfasının en sonunda kullanılan instela’da paylaş butonu için şu css özellikleri tanımlanmıştır:

iframe.instela-share-button {
    display: inline-block;
    vertical-align: middle;
}

birden fazla paylaşım butonunun olduğu sayfalarda javascript kodunu yalnızca bir kere <head></head> linkleri arasına yerleştirmek yeterlidir.

bu sayfada bir hata mı buldunuz? bu blog açık kaynaklıdır ve github ile pull request gönderebilirsiniz.