Web Siteleri İçin Youtube Abone Ol Butonu Oluşturma ve Ekleme

youtube Web Siteleri İçin Youtube Abone Ol Butonu Oluşturma ve Ekleme

Youtube kanalınız var, web siteniz var ancak web sitenizde Youtube kanalınız için bir Abone Ol butonunuz yok. Neden ziyaretçilerinizi Youtube kanalınıza davet etmeyesiniz ki? Peki bunu nasıl yapacaksınız?.. İşte bu yazımda sizlere Youtube kanalına abone ol butonu oluşturmayı, butonu özelleştirmeyi ve web sitemize eklemeyi anlatacağım. 

Öncelikle Youtube kanalınızın adını yada kanal id numarasını öğrenmelisiniz. Bunun için Youtube kanalınıza gidecek, adres satırına bakacaksınız.

Youtube kanalınıza aşağıdaki bağlantıdan giderseniz, o bağlantı sizi kanal numaranızın da olduğu uzun url’ye yönlendirecektir.

>> Youtube Kanalına Git

youtube aboneol butonu1 Web Siteleri İçin Youtube Abone Ol Butonu Oluşturma ve Ekleme

Youtube kanal adınız veya kanal numaranızı öğrendiyseniz şimdi Abone Ol butonu oluşturmalısınız. Bunun içinde aşağıdaki bağlantıya gidecek, Google’un kendi ücretsiz aracını kullanacaksınız.

>> Youtube Buton Yapılandırma

youtube aboneol butonu2 Web Siteleri İçin Youtube Abone Ol Butonu Oluşturma ve Ekleme

Siteye gittiğinizde;

  • İlk kutucuğa Youtube kanal id numaranızı yada kanal özel url’nizi yazacaksınız.
  • İkinci kutucuktan varsayılan yada tam seçeceksiniz. Eğer profil resminiz görünsün istiyorsanız Tam seçmelisiniz.
  • Üçüncü kutucuktan tema seçmeniz gerekiyor. Koyu temalı bir siteniz varsa koyu renk seçin, açık renk temalı siteniz varsa varsayılan seçin.
  • Dördüncü kutucuktan butonda abone sayınız görünsün istiyorsanız varsayılan, görünmesin istiyorsanız gizli seçeceksiniz.

Ve hemen aşağıda Abonel Ol buton önizlemeniz karşınıza gelecek. Eğer önizleme hoşunuza gittiyse, önizlemenin altında şuna benzer bir kod demeti göreceksiniz;

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="kanal-numaranız" data-layout="full" data-count="hidden"></div>

Tabi sizde kanal numarası farklı olacak..

Şimdi bu kod demetini html destekli web sitenizde uygun bir yere yerleştireceksiniz.

Blogspot kullanıyorsanız metin widget oluşturup, oraya yerleştirebilirsiniz.

WordPress script kullanıyorsanız temanızda html bileşen ekleyip kodları oraya yerleştirebilir yada temanızda bileşen desteği yoksa temanızın sidebar.php veya single.php gibi şablonların da uygun yerlere yerleştirebilirsiniz.

Kodları yerleştirdiniz, fakat genişlik, yükseklik, arkaplan rengi hoşunuza gitmedi! 

O zaman, Abone Ol butonu kod demetine birkaç ekleme yapacak, ona şekil vereceksiniz.

Varsayılan Abone Ol butonunuzda profil resminizin görüneceğini düşünerek yapılabilecek eklemeleri paylaşıyorum. Profil resminiz görünmeyecekse zaten çok fazla değişiklik yapmanıza gerek olmayacaktır fakat yinede deneme amaçlı oynamalar yapabilirsiniz.

  • Genişlik ayarlayalım; “width”
  • İçeriden dolgu verelim; “padding”
  • Dışarıdan kenar payı verelim; “margin”
  • Arkaplan rengi ayarlayalım; “background”
  • Arkaplan resmi koyalım; “background-image”
  • Arkaplana tekrar verelim; “background-repeat”
  • Dış çerçeveye kenarlık yapalım; “border”

Standart kod demetimiz şu şekilde idi;

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="kanal-numaranız" data-layout="full" data-count="hidden"></div>

Eklemelerle şu hale geldi;

<div style="width:300px;padding:5px;margin:5px;background:#ffffff;background-image:url(/arkaplan.png);background-repeat:repeat-x;border-style:solid;border-width:1px;"><script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="kanal-numaranız" data-layout="full" data-count="hidden"></div></div>

Siz tabi ki kendinize göre düzenleyeceksiniz.

Genişlik fazla geldiyse, 300 rakamını düşürecek, dışlama yada iç dolgu fazla geldiyse azaltacak yada tam tersi çoğaltacak, arkaplan resmi koymak istemiyorsanız background-image ve background-repeat komutlarını kaldıracak, border arttırmak istiyorsanız 1px yerine 3-4 px yazacaksınız.

Her şeyi doğru yaptıysanız, harika ve dikkat çekici bir Abone Ol butonuna sahip oldunuz. Konuyla alakalı sorularınız olursa yazı altından yorum olarak yazabilirsiniz.