Skip to content

Bu Yazı (308 gün) 16 Temmuz 2011 Tarihinde yazılmıştır. | 398 Kere Gösterilmiştir.

+1 düğmesini sitenize ekleme
Temel bilgiler
Hızlı bakış
+1 düğmesini kullanabilmek için gereken tek şey aşağıdaki koddur:
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script> <g:plusone></g:plusone>
Hızlı bir şekilde kendi spesifikasyonlarınıza uygun bir +1 düğmesi yapılandırmak istiyorsanız, yapılandırma aracımızı ziyaret edebilirsiniz.
JavaScript ekleme
+1 düğmesini sayfanıza gömmek için, aşağıdaki <script> etiketini eklemeniz gerekir:
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
Komut dosyası, https’den kaynaklandırılmalıdır ve sınırlama olmaksızın sayfanın herhangi bir noktasına eklenebilir. <script> etiketiyle ilgili sık sorulan soruların yanıtları için bu belgenin sonundaki Sık Sorulan Sorular bölümünü inceleyebilirsiniz.
+1 etiketi
Varsayılan olarak, eklenen komut dosyası DOM ağacında ilerleyecek ve tüm +1 etiketlerini görüntüleyecektir. Söz dizimi aşağıdaki gibidir:
<g:plusone size=”standard” count=”true”></g:plusone>
Bir <script> etiketi, bir de +1 etiketi veya JavaScript API bölümünde açıklanan şekilde görüntüleme işlevi çağrısı eklemelisiniz.
HTML5′te eşdeğer söz dizimi aşağıdaki gibi kullanılabilir:
<div class=”g-plusone” data-size=”standard” data-count=”true”></div>
class, g-plusone olarak ayarlanmalıdır. Eklenen tüm özelliklerde data- ön eki bulunmalıdır, ör. data-size.
+1 hedef URL’si
+1 eklenecek URL, aşağıdaki üç şeyden biri tarafından belirlenir. Bunlar sırasıyla şöyledir:
  1. hrefözelliği+1 etiketi parametreleri bölümünde açıklandığı gibi, bu, +1 eklenecek URL’yi tam olarak belirten+1 etiketinin bir özelliğidir.
  2. link rel="canonical"etiketinin değeri+1 etiketinin href özelliği ayarlanmamışsa, Google’ın bakacağı bir sonraki yer, rel="canonical" kümesine sahip bir link etiketi olacaktır. Daha fazla bilgi edinmek için bu yardım makalesini okuyabilirsiniz.
  3. document.location.hreföğesinde tanımlandığı şekliyle, sayfanın URL’siNe href ne de link rel="canonical" belirtilmişse, Google, sayfanın DOM’da bulunan URL’sini kullanır. Adres çubuğundaki URL’de oturum kimlikleri veya kanonik URL’nin parçası olmayan diğer parametreler bulunabileceğinden, bu bazen hatalı davranışlara yol açabilir. Dolayısıyla, ya href özelliğini ya da rel="canonical" öğesini kullanmanızı önemle tavsiye ederiz.
Not: +1, herkese açık bir işlemdir ve herkese açık bir URL üzerinde gerçekleştirilmelidir. Herkese açık olmayan bir URL’ye +1 eklemeye çalışırsanız, bir hata oluşur.
JavaScript API
<script> etiketi, +1 API’sı için bir ad alanı olarak işlev gören, üst düzey bir JavaScript nesnesi oluşturur.
Yöntem
Açıklama
gapi.plusone.render(container, {"size": "standard", "count": "true"});
Bu, belirtilen kapsayıcı öğede bir +1 düğmesi widget’ı görüntüler. Söz konusu kapsayıcı öğe, bir öğe (değere göre) veya dize öğesi kimliği olabilir. Anahtarlar/değerler, aşağıdaki +1 etiketi parametreleri tablosunda açıklanmıştır.
gapi.plusone.go(container);
Bu, belirtilen kapsayıcıdaki tüm +1 etiketlerini/sınıflarını görüntüler. Söz konusu kapsayıcı, bir öğe (değere göre) veya bir dize öğesi kimliği olabilir. Bu işlev yalnızca, <script> etiketinin parsetags öğesini explicit şeklinde ayarlaması durumunda kullanılır (bunu performansla ilgili nedenlerden dolayı yapabilirsiniz). container parametresi dahil edilmezse, sayfadaki tüm +1 etiketleri ve sınıfları görüntülenir.
Yapılandırma
Komut dosyası etiketi parametreleri
Anahtar
Değer
Varsayılan
Açıklama
lang
{pt-BR, en-US, ...}
en-US
Değer, +1 düğmesi için geçerli dillerden biri olmalıdır.
parsetags
{explicit, onload}
onload
onload değeri, düğmelerin, gapi.plusone.go() öğesi sayfa yüklendikten hemen sonra çağrılmış gibi gösterileceği anlamına gelir. explicit değeri, JavaScript API bölümünde açıklandığı gibi, gapi.plusone.go(container) veya gapi.plusone.render(container) yöntemine başvurmanızı gerektirir.
+1 etiketi parametreleri
Anahtar
Değer
Varsayılan
Açıklama
callback
Küresel ad alanındaki bir işlevin tanımlayıcısı
İşlev yok
Kullanıcı +1 düğmesini tıkladıktan sonra çağrılır. “callback” işlevi, {"href": "http://www.example.com/", "state": "on"} biçimindeki bir JSON nesnesini kabul edebilir. Burada, href öğesi +1′in URL’sidir ve state, +1 eklemek için on, bir +1′i kaldırmak için ise off şeklindedir.
count
{true, false}
true
Bir toplam sayı görüntülenip görüntülenmeyeceğini belirtir. Daha fazla bilgi edinmek için Düğme boyutları bölümünü inceleyebilirsiniz.
href
+1 eklenecek URL
Geçerli sayfasının URL’si
Bu etiketi, başka bir sayfaya ait bir öğe açıklamasının yanında bir +1 düğmeniz olması ve düğmenin bu sayfaya +1 eklemesini istemeniz durumunda kullanmanızı öneririz.
size
{small, medium, standard, tall}
standard
Yüklenecek düğme boyutu. Daha fazla bilgi edinmek için Düğme boyutları bölümünü inceleyebilirsiniz.
Düğme boyutları
+1 düğmesi simgeleri, dört boyutta görüntülenir: küçük (15 piksel), orta (20 piksel), standart (24 piksel) ve uzun (65 piksel). Desteklenen en küçük boyutun altındaki boyutlar, desteklenen en küçük boyutta görüntülenir. Diğer boyutlar, sığacak en büyük simgeyi görüntüler ve söz konusu simgeyi istenen alanda dikey olarak ortalar. Yeterli yatay alan olması durumunda, küçük ve standart düğmeler, söz konusu sayfanın toplam +1 sayısını görüntüler. Uzun düğme, bu sayıyı her zaman görüntüleyecektir. Kullanılabilecek düğme boyutları aşağıda belirtilmiştir:
Düğme türü Örnek Genişlik (piksel) Yükseklik (piksel)
Sayısız küçük 24 15
Sayılı küçük ≤ 70 15
Sayısız orta 32 20
Sayılı orta ≤ 90 20
Sayısız standart 38 24
Sayılı standart ≤ 106 24
Uzun 50 60
Kullanılabilen diller
Dil
Değer
Arapça
ar
Bulgarca
bg
Katalanca
ca
Çince (Basitleştirilmiş)
zh-CN
Çince (Geleneksel)
zh-TW
Hırvatça
hr
Çekçe
cs
Danca
da
Felemenkçe
nl
İngilizce (İngiltere)
en-GB
İngilizce (ABD)
en-US
Estonca
et
Filipin dili
fil
Fince
fi
Fransızca
fr
Dil
Değer
Almanca
de
Yunanca
el
İbranice
iw
Hintçe
hi
Macarca
hu
Endonezya dili
id
İtalyanca
it
Japonca
ja
Korece
ko
Letonca
lv
Litvanca
lt
Malay dili
ms
Norveççe
no
Farsça
fa
Lehçe
pl
Dil
Değer
Portekizce (Brezilya)
pt-BR
Portekizce (Portekiz)
pt-PT
Romence
ro
Rusça
ru
Sırpça
sr
Slovakça
sk
Slovence
sl
İspanyolca
es
İspanyolca (Latin Amerika)
es-419
İsveççe
sv
Tay dili
th
Türkçe
tr
Ukraynaca
uk
Vietnamca
vi
Örnekler
Temel sayfa
<html>   <head>     <title>+1 demosu: Temel sayfa</title>     <link rel=”canonical” href=”http://www.example.com” />     <script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>     </script>   </head>   <body>     <g:plusone></g:plusone>   </body> </html>
Açık yükleme
<html>   <head>     <title>+1 demosu: Açık yükleme</title>     <link rel=”canonical” href=”http://www.example.com” />     <script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>       {“parsetags”: “explicit”}     </script>   </head>   <body>     <div id=”content”>       <g:plusone></g:plusone>     </div>     <script type=”text/javascript”>       gapi.plusone.go(“content”);     </script>   </body> </html>
Açık görüntüleme
<html>   <head>     <title>+1 Demosu: Açık görüntüleme</title>     <link rel=”canonical” href=”http://www.example.com” />     <script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>       {“parsetags”: “explicit”}     </script>     <script type=”text/javascript”>       function renderPlusone() {         gapi.plusone.render(“plusone-div”);       }     </script>   </head>   <body>     <a href=”#” onClick=”renderPlusone();”>+1 düğmesini görüntüle</a>     <div id=”plusone-div”></div>   </body> </html>
Sık sorulan sorular
Aşağıdaki SSS’ler, teknik yönler ve uygulama ayrıntıları ile ilgilidir. Daha genel SSS’ler için Yardım Merkezi‘ni ziyaret edebilirsiniz.
Tek bir sayfada, her biri farklı URL’lere +1 ekleyen birden fazla düğme yerleştirebilir miyim?Evet. +1 eklenecek URL’yi belirtmek için, href özelliğini +1 etiketi parametreleri bölümünde açıklandığı şekilde kullanın.+1 düğmesini sayfalarımın neresine yerleştirmeliyim?Sayfanızı ve kullanıcılarınızı en iyi siz bilirsiniz. Dolayısıyla, düğmeyi, en etkili olacağını düşündüğünüz yere koymanızı öneririz Ekranın üst kısmında, sayfanın başlığına ve paylaşım bağlantılarına yakın bir yer, genellikle iyi bir konumdur. Ayrıca, +1 düğmesini bir makale veya öykünün başlangıcının yanı sıra sonuna da yerleştirmek etkili olabilir.<script> etiketinin sayfadaki konumundan kaynaklanan bir gecikme etkisi söz konusu mu?Hayır, <script> etiketinin yerleşiminden kaynaklanan önemli bir gecikme etkisi söz konusu değildir. Bununla birlikte, etiketi belgenin alt kısmına, body kapanış etiketinin hemen öncesine yerleştirerek sayfanın yükleme hızını iyileştirebilirsiniz.<script> etiketi, +1 etiketinden önce mi eklenmelidir?Hayır, <script> etiketi sayfanın herhangi bir yerine eklenebilir.<script> etiketi, JavaScript API bölümündeki yöntemlerden birini çağıran diğer bir <script> etiketinden önce mi eklenmelidir?Evet. JavaScript API yöntemlerinden herhangi birini kullanıyorsanız, bunlar, sayfaya <script> eklemesinden sonra yerleştirilmelidir.Özel bir URL’ye +1 eklersem ne olur?Düğme çalışmaz. +1′ler, yalnızca herkese açık URL’lerde çalışır.href özelliğini kullanmam gerekir mi?href özelliği gerekli değildir. Daha fazla bilgi edinmek için +1 hedef URL’si bölümünü inceleyebilirsinizTüm sayfalarımda rel="canonical" etiketi olması gerekir mi?Hayır, ancak olmasını öneririz. href özelliği ayarlanmamışsa, Google bir sonraki adım olarak sayfada rel="canonical" etiketi arayacaktır. Bu bulunmazsa, Google document.location.href öğesini kullanır. Genelde URL’de tutulan durum değişkenleri yüzünden, son değer bazen yanıltıcı olabilir. Dolayısıyla, rel="canonical" etiketi kullanmak, +1 eklemek istediğiniz URL’yi tam olarak belirtmenize yardımcı olabilir.

..:: Diğer Konular ::..

  • 10 Kasım 2011 -- Mustafa Kemal Atatürk (0)
    Mustafa Kemal Atatürk (Sevgili Atamız) (Nüfus kağıdında Kamâl Atatürk[1]) (d. 1881, Selânik – ö. 10 ...
  • 22 Mart 2012 -- Lüzumsuz Bilgiler Ansiklopedisi (0)
    Lüzumsuz Bilgiler Ansiklopedisi 1 3 3.15. Yamurda koan niçin daha çok islaniyor? 3.16. Ev çiçekler...
  • 22 Mart 2012 -- MS-DOS Komutları (0)
    DOS komutları içsel (internal) ve dışsal (external) olmak üzere ikiye ayrılırlar. İçsel komutlar bil...
  • 30 Ocak 2012 -- Google’ın ‘yeni sözleşme’ tuzağı (0)
    İSTANBUL - İnternet devi Google, 1 Mart tarihinden itibaren ‘gizilik politikası’nda yeni bir döneme ...
  • 01 Ağustos 2011 -- EXCEL PÜF NOKTALARI (0)
    1-OTOMATİK KAYDETME 2-ÜST VE ALT BİLGİ 3-SAYILARI BİÇİMLEME 4-PARA BİRİMİNİ DEĞİŞTİRME 5-DEFAULT AYA...
Read more from Not

Share your thoughts, post a comment.

(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments