«
  1. Anasayfa
  2. İnternet
  3. Web Siteleri İçin Youtube Abone Ol Butonu Yapımı

Web Siteleri İçin Youtube Abone Ol Butonu Yapımı

Youtube Abone Ol Butonu Web Siteleri İçin Nasıl Yapılır? Benimde Youtube kanalım için sitemde kullandığım görsel banner. Youtube kanalınız var ve bunu duyurmak için twitter, facebook, Instangram ve benzeri popüler sosyal medyalarda paylaşıp duyurmaya çalışıyorsunuz. Peki web siteniz var ve hatırı sayılır da bir ziyaretçisi var ise bir youtube kanal banneri yapıp site içinde ziyaretçilere göstermek istemez misiniz. Böylece sitenizde de Youtube kanalınızın reklamını yapmış olup ziyaretçi yönlendirmeye çalışabilirsiniz. Youtube abone ol butonu yapmak Google developers’ın ücretsiz bir hizmetidir.

Web Siteleri İçin Youtube Abone Ol Banner Butonu Nasıl Yapılır?

  • İlk önce youtube kanalına girip görselde ki gibi kanal adınız veya  “user ıd” numaranızı kopyalıyorsunuz.

  • Google developers servisi olan aşağıda verdiğim linki tıklayıp youtube abone ol yapılandırma servisine giriyorsunuz.

Google Youtube Abone Ol Butonu Yapma Link: BURAYI TIKLAYINIZ 

  • Aşağıdaki araç, yerleştirilmiş bir abonelik düğmesini yapılandırmanızı sağlar. Düğmenin görünüm seçeneklerini ayarlayabilir, düğmeyi ön izleyebilir ve bu düğmeyi sayfanıza eklemek için gerekli kodu kopyalayabilirsiniz.

Şimdi bu ekranları kısaca açıklayalım.

Kanal adı veya kimliği kısmı; yazının başında da belirttiğim gibi youtube kanalınızın adı veya user adı numaranızı buraya yapıştırıyorsunuz.

Düzen kısmı; ben kanal logosu da gözüksün diye “tam” olarak seçtim, sizler zaten deneme yanılma yolu ile online izleyerekte işlem yapabilirsiniz.

Tema; bu kısımda maalesef çok seçicilik yok ben koyuyu seçtim. kodlama bilginiz var ise renklendirmeyi değiştirebilirsiniz.

Abone Sayısı, ekranı ise anlaşıldığı gibi youtube kanal abone sayınızı göstermek içindir.

Altta oluşan otomatik kodu, bloger siteniz var ise winget bölümüne veya wordpress yada başka platformlarda siteniz var ise gözükmesini istediğiniz bölümlere yapıştırmanız yeterlidir. Eğer sitenizde reklam alanları var ise kodu oraya da yapıştırabilirsiniz.

Google developers vermiş olduğu standart kodu biraz değiştirip sitenize daha uyumlu hale getirmek için aşağıda verdiğim kod kısmındaki değerleri değiştirmeniz yeterlidir.

"<div style="width:100%px;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>"

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”

With yani genişlik ayarlarını 100%px yapmanızı tavsiye ederim. Farklı ekran çözünürlüklerinde ve mobil girişlerinde kod sitenize daha uyumlu olacaktır. Arkaplan resmi koymak istemiyorsanız background-image ve background-repeat komutlarını kaldırabilirsiniz.

Teknoloji kategorisinde yer alan Dahili ve Harici Ekran Kartları arasındaki farklar Nelerdir? içerikli blog yazımıza bakabilirsiniz.

 

Bir Cevap Yaz

Bir Cevap Yaz

E-posta hesabınız yayımlanmayacak. Gerekli alanlar işaretlendi *