Siteniz için bir Kaydet düğmesi oluşturun

İpuçları ve Sorun Giderme

"Resmi Kaydet düğmesini kodunuza Haziran 2016'dan önce eklediyseniz, 3 Ekim 2017'de tasarımı "Pinle" yerine "Kaydet" olarak güncellediğimizi unutmayın."

Kaydet düğmesi, işletmenizin Pinterest'te keşfedilmesinin en iyi yoludur. Kaydet düğmesini sitenizin sayfalarına eklediğinizde, müşterileriniz beğendikleri şeyleri Pinterest'e kaydedebilir ve böylece daha fazla kişi bunları bulabilir. 
 
Wordpress, Blogger, Tumblr, Wix veya Squarespace web siteniz varsa:
 
WordPress.com WordPress.com
Wordpress Pin It düğmesi için sitenize ekstra bir kod eklenmesi gerekmez. Pin It düğmesini varsayılan paylaşma seçeneklerinden etkinleştirerek tüm Wordpress paylaşımlarınıza ekleyebilirsiniz.
  1. WordPress panonuza gidin
  2. Ayarlar öğesine ve sonra Paylaşım'a gidin
  3. Paylaşım Düğmeleri bölümünde, Pinterest hizmetini Mevcut Hizmetler seçeneğinden Etkinleştirilmiş Hizmetler'e sürükleyin
  4. Varsayılan Pin It düğmesi resmini görüntülemek isterseniz Düğme stili açılır menüsünü Resmi düğmeler olarak değiştirin
  5. Sayfanın en altındaki Değişiklikleri Kaydet seçeneğine tıklayın
WordPress.org WordPress.org

WordPress.org eklenti dizininden görüntünün üzerine gelindiğinde beliren Pin It düğmesi eklentisi indirin.

Blogger Blogger
  1. Blogger panonuzda, Sayfa düzeni bölümüne gidin
  2. Blog Paylaşımları bölümünde düzenle'ye tıklayın
  3. Paylaşım Düğmelerini Göster'e kaydırın ve işaretli değilse kutuyu işaretleyin
  4. Düzenlenmesi gerekenleri Öğeleri Düzenle bölümünde yeniden düzenleyin ve sonra Kaydet'e tıklayın
Tumblr Tumblr
Önce, bir JavaScript satırı eklemeniz gerekiyor.
 
JavaScript satırını eklemek için:
  1. Tumblr panonuzda, düzenlemek istediğiniz blogu seçin ve sonra Özelleştir'e tıklayın
  2. Özelleştirme ekranında HTML düzenle seçeneğine tıklayın
  3. Kodun en altına gidin
  4. Kodunuzda pinit.js olup olmadığına bakın; eğer varsa işlem tamamdır!
  5. Yoksa, </body> kapatma etiketinin hemen üstüne şu kodu ekleyin: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Görüntünün üzerine gelindiğinde beliren Pin It düğmesi eklemek için:
  1. Yukarıdaki adımları uygulayarak JavaScript satırınızı eklediğinizden emin olun
  2. Tumblr panonuzda, düzenlemek istediğiniz blogu seçin ve sonra Özelleştir'e tıklayın
  3. Özelleştirme ekranında HTML düzenle seçeneğine tıklayın
  4. Kodun en altına gidin
  5. Yukarıdaki 4. adımdaki “src=” kısmının önüne​ data-pin-hover="true" kodunu ekleyin. Yeni satır şöyle görünmelidir: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Önizlemeyi Güncelle'ye tıklayın. İmleci sağdaki örnek görüntünün üzerine getirdiğinizde Pin It düğmesinin görünmesi gerekir. Görünmüyorsa, 4. adıma geri dönün ve her şeyin yerli yerinde olduğundan emin olun.
  7. Kaydet'e tıklayın
Wix.com Wix.com
  1. Düzenleyicinizin sol tarafındaki Ekle (+) düğmesine tıklayın.
  2. Sosyal'e tıklayın.
  3. Ekranın en altına gidin ve Pinterest Pin It'e tıklayın.
  4. Pin It düğmesini sayfanızda bulunmasını istediğiniz yere sürükleyin.
  5. Oluşturacağınız Pin It düğmesi, seçtiğiniz görüntü ve açıklamaya dayanan bir Pin oluşturacaktır. Pin It'e tıkladığınızda, Pin üzerinde bulunduğunuz sayfaya bağlantı verecektir.
Squarespace Squarespace

Squarespace siteniz için Pin It düğmesini nasıl oluşturacağınızı bu adresten öğrenin

 
Düğmeyi kendiniz oluşturmak istiyorsanız, önce ne tür bir Kaydet düğmesi eklemek istediğinize karar verin. 3 düğme türünden birini seçebilirsiniz: 
 
  • Görüntünün üzerine gelme (burada göz atın): Kullanıcı sayfadaki görüntünün üzerine geldiğinde Kaydet düğmesi görüntülenir.
    Learn how to build it Learn how to build it
    1. Widget oluşturucuya gidin.
    2. Düğme tipi bölümünden Görüntünün Üzerine Gelindiğinde öğesini seçin
    3. Düğmenizin boyutunu ve şeklini özelleştirin.
    4. Örnek görüntünün üzerine gelerek düğmenin önizlemesini görebilirsiniz. Nasıl çalıştığını görmek için Pin It düğmesine de tıklayabilirsiniz.
    5. Düğme istediğiniz şekle girdiğinde, Kodu kopyalayın bölümünün altındaki kodu kopyalayın.
    6. Sitenizde düğmenin gösterilmesini istediğiniz sayfalarda, kodu </body> kapatma etiketinin hemen üstüne yapıştırın.
  • Tüm görüntüler  (burada göz atın): Kullanıcı bu düğmeye tıkladığında sitedeki bir görüntüyü kaydedebilir. Bunu yapmak oldukça kolaydır.
    Learn how to build it Learn how to build it
    1. Widget oluşturucuya gidin.
    2. Düğme tipi bölümü altından Tüm Görüntüler'i seçin.
    3. Düğmenizin boyutunu, şeklini, dilini veya resmini özelleştirin. 
    4. Örnek görüntünün üzerine gelerek düğmenin önizlemesini görebilirsiniz. Nasıl çalıştığını görmek için Kaydet düğmesine de tıklayabilirsiniz.
    5. Düğme istediğiniz gibi olduğunda, sayfanın sağ tarafında görüntülenen kodu kopyalayın.
    6. Sitenizde düğmenin gösterilmesini istediğiniz sayfalarda, kodu <body> ve </body> etiketlerinin arasına yapıştırın.
  • Tek görüntü (burada göz atın): Bu, sayfanızdaki tek bir görüntü için Kaydet düğmesidir ve bu işlem için daha fazla teknik kodlama gerekir.
    Learn how to build it Learn how to build it
    1. Widget oluşturucuya gidin
    2. Düğmenizin boyutunu, şeklini, dilini veya resmini özelleştirin. 
    3. Kaydet düğmesini oluşturmak istediğiniz görüntünün bulunduğu web sayfalarının URL'sini ekleyin (bu sizin ana sayfanız veya sitenizdeki bir başka sayfa olabilir)
    4. Tarayıcınızda yeni bir pencere açın ve web sitenize gidin
    5. Kaydet düğmesi oluşturmak istediğiniz görüntüye sağ tıklayın
    6. Görüntü URL'sini kopyala'yı seçin
    7. Widget oluşturucuya geri dönün ve görüntü URL'sini Görüntü alanına yapıştırın
    8. Görüntünüz için bir açıklama yazın
    9. Düğmenin önizlemesini görmek için Oluşturun!'a tıklayın
    10. Düğme istediğiniz gibi olduğunda, sayfanın sağ tarafında görüntülenen kodu kopyalayın
    11. Sitenizde düğmenin gösterilmesini istediğiniz sayfalarda, kodu <body> ve </body> etiketlerinin arasına yapıştırın

Yaygın sorunlar

Kaydet düğmesi sayacı gösterilmiyor / doğru değil
Kaydet düğmesine tıkladığınızda, pano seçici yeni bir pencerede açılmıyor
Görüntünün üzerine gelindiğinde beliren düğmeniz çalışmıyor
Pinterest sitemle iletişim kurmakta sorun yaşıyor

Sayaç, düğme kodunda belirttiğiniz URL'ye giden Pinlerin sayısını gösterir. Bu sayfa, şu anda üzerinde bulunduğunuz sayfadan farklıysa, sayaç sizin beklediğinizden farklı bir sayı gösterebilir.

Sayacı, tüm görüntüler Kaydet düğmesiyle kullanıyorsanız, bulunduğunuz sayfanın URL'sine giden tüm Pinlerinin sayısını gösterecektir.

Düğmenin yanında bir sayaç kullanıyorsanız ve bu sayfa için hiç Pin yoksa, sayaç görünmez. Bu sayfada en az bir Pin olduğunda, sayaç görünecektir.

Üçüncü taraf eklentisi tarafından sağlanan bir Kaydet düğmesi kullanıyorsanız, sorunu çözüp çözemeyeceklerini öğrenmek için eklentinin yaratıcısıyla iletişime geçin. 

Kendi Kaydet düğmenizi kullanıyorsanız, şu ipuçlarını deneyin:

  • Sayfanızın koduna, kapatma etiketinin hemen üstüne JavaScript satırını eklediğinizden emin olun.
  • Sayfanızda birden fazla JavaScript satırı varsa, sonuncusu hariç tümünü kaldırmayı deneyin.
  • Hem gelişmiş asenkron JavaScript hem de normal JavaScript satırını kullanıyorsanız, birini kaldırın.
  • Üçüncü taraf bir eklenti kullanıyorsanız, kodunuza zaten bir pinit.js satırı eklemediğinden emin olun. Eklemişse, sizin ayrıca eklemenize gerek yoktur.
Bazı barındırma hizmetleri JavaScript'i desteklemez, bu nedenle widget oluşturucumuzdan kodu ekleyemezsiniz. Yine de bu hizmetlerde widget eklemenin başka yolları da olabilir!

Aşağıdaki sorun giderme ipuçlarını deneyin:
 
  • Görüntülerinizin bir kenarının (yükseklik veya genişlik) en az 100pk, diğer kenarının da en az 200pk olduğundan emin olun (görüntünün üzerine gelindiğinde beliren Kaydet düğmesini göstermek için görüntülerin en az 120pk x 120pk boyutunda olması gerekir)
  • Görüntülerinizin, CSS arka planında belirtilmediğinden ve her görüntünün src özniteliğinin "img" ile başladığından emin olun
  • Üzerine gelindiğinde beliren düğme kodunu kapatma etiketinizin hemen üstüne ekleyin

Bu durum, sitenizde bir Pin oluşturamadan önce Pinterest'in zaman aşımına uğradığı anlamına gelir. Maalesef bu bizim düzeltebileceğimiz bir hata değildir ve genellikle bir site yavaş olduğunda ortaya çıkar. Bu sorunu gidermek için sitenizi kontrol etmenizi öneririz!