+1 düğmesini sitenize eklemeYazı Bilgileri
- 16 Temmuz 2011
- Not
- Comments Below
- 991 Words
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:
-
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. -
link rel="canonical"etiketinin değeri+1 etiketininhrefözelliği ayarlanmamışsa, Google’ın bakacağı bir sonraki yer,rel="canonical"kümesine sahip birlinketiketi olacaktır. Daha fazla bilgi edinmek için bu yardım makalesini okuyabilirsiniz. -
document.location.hreföğesinde tanımlandığı şekliyle, sayfanın URL’siNehrefne delink 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, yahrefözelliğini ya darel="canonical"öğesini kullanmanızı önemle tavsiye ederiz.
<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.
|
| 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.
|
| 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 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 |
|
|
|
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.













Oyun-1