Youtube Abone Ol Butonu Eklemek

YouTube Subscribe Buttonu herhangi bir sayfaya Abone Ol düğmesi eklemenize izin verir. Bu düğme, kullanıcıların YouTube’da oturum açmak veya aboneliklerini onaylamak için siteden ayrılmadan YouTube kanalınıza abone olmalarını sağlar. Örneğin hem web siteniz hemde youtube kanalınız varsa ve web sitenizde youtube kanalınıza abone ol butonunu eklemek istiyorsunuz yapmanız gereken çok basit.

Kodumuz

<script src="https://apis.google.com/js/platform.js"></script> <div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-theme="dark" data-count="hidden"></div>
WordPress ve Benzeri Siteler için

Eklemek istediğiniz sayfayı düzenleyin sağ üst köşesinde görsel ve metin sekmeleri yer almaktadır buradan Metin sekmesine geçerek yukarıdaki kodumuzu metnin en alt kısmına ekleyerek sayfanızı güncelleyin ve sayfanızda abone ol butonunu görüntüleyin. Sonrasında sayfanızda nereye eklemek istiyorsanız buton kodlarını oraya alabilirsiniz.

Yapmanız gereken yukarıdaki paylaştığım kodu Html kod bloklarının arasına butonun nerede görüntülenmesini istiyorsanız oraya yapıştırın Örneğin;

 

Diğer Web Siteler

Web site dosyalarınıza erişebiliyorsanız web site dosyalarınıza erişip eklemek istediğiniz sayfaya yukarıda paylaştığım kodu yapıştırarak görüntüleyebilirsiniz örneğin ben en alt kısımda footer dediğimiz sabit alt bölümde görüntülemek istiyorum diyorsanız footer dosyanızı bulup içerisinde eklemek istediğiniz kısma paylaştığım kodları yapıştırabilirsiniz.

Parametreler

Google’ın platform.js dosyasını sayfamıza dahil ettik. Div etiketinin niteliklerine göz atalım.

  • data-channel: kanal adımızı yazdığımız nitelik
  • data-channelid: eğer kanal adımızı değil de kanal kimliğimizi kullanmak istiyorsanız bu niteliği kullanırız. Kanal kimliğini öğrenmek için buradan kullanıcı kimliğini ve kanal kimliğini öğrenebliriz.
  • data-layout: default veya full parametrelerini alıyor full parametresinde resim ve isimde gözüküyor
  • data-count: hidden ve default parametrelerini alıyor hidden abone sayısını gizliyor.
  • data-theme: dark parametresini alarak koyu arka planlı buton yapabiliriz. Varsayılan beyaz istiyorsak bu niteliği silmemiz yeterli

Yukarıda verdiğimiz kod parçasını otomatik düzenlemek için Google’ın developers sayfasında bir araç bulunmakta buraya tıklayarak  otomatik div düzenleme işlemini gerçekleştirebilirsiniz . Bu kadarlık kod parçasıyla web sitemiz üzerinden kanalımıza kullanıcıları abone yapabiliriz.

Youtube Abone Ol Butonu Çeşitleri

Örnek youtube abone ol buton örnekleri aşğıdaki resimdeki gibidir.

Youtube Abone ol buton seçenekleri

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir