Konular

Google Site İçi Arama Motoru

Bir web siteniz var ve ziyaretçilerinizin siteniz içerisinde arama yapmasını istiyorsanız google Custom Search Api kullanmalısınız.

Google Custom Search Üyeliğine başvurunca aşağıdaki gibi bir kodu sayfanızdan almalısınız.

Kısaca Google'ın yeni Arama apisi sonuçlar ve aramalarla ilgili tüm ayarları sitede her seferinde kod ekleyerek değilde bir kodu ekledikten sonra her şeyi bu ayarlar sayfasından yapmanızı sağlayan bir sistem.

Google Site İçi Arama Motoru

 

Eleman tipi Bileşen (ler) Tanım
Standart <gcse:search> Aynı <div> içinde görüntülenen bir arama formu ve arama sonuçları.
İki sütunlu <gcse:searchbox> ve <gcse:searchresults> Bir tarafta arama sonuçları ve diğer tarafta bir arama kutusu içeren iki sütunlu bir düzen. Web sayfanıza iki sütunlu modda birden fazla öğe eklemeyi planlıyorsanız, arama sonuçları bloğuyla bir arama kutusu eşleştirmek için gname özelliğini kullanabilirsiniz.
Yalnızca arama kutusu <gcse:searchbox-only> Bağımsız bir arama kutusu.
Yalnızca arama sonuçları <gcse:searchresults-only> Bağımsız bir arama sonuçları bloğu.

 

<!-- Aşağıdaki javascript'i <script></script> arasını site kodları arasına koyun.-->
<script>
(function() {
  var cx = '123:456'; // Insert your own Custom Search engine ID here
  var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
  gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>

<!-- Bu etiketide, hem arama kutusunun hem de arama sonuçlarının görüntülenmesini istediğiniz yere yerleştirin -->
<gcse:search></gcse:search>

   Yukardaki gibi bir kod eklemenin sonucu:

Google Site İçi Arama MotoruGoogle Site İçi Arama Motoru

Aşağıdaki gibi özel sayfa kullanımlarına da göz atmanızda fayda var.

Google Site İçi Arama Motoru

Google Site İçi Arama Motoru

Aşağıdaki örnekte Arama Kutusu ve Sonuçlar Farklı Divde yer alıyor

Google Site İçi Arama MotoruGoogle Site İçi Arama Motoru

Sonuçların nasıl görüneceğine Ayarlar sayfasından karar veriyorsunuz

Google Site İçi Arama Motoru

Yalnızca Sonuçlar seçeneğini seçerek aşağıdaki gibi bir görüntü elde edebilirsiniz

Google Site İçi Arama Motoru

Bunun için arama kutusunun olduğu sayfada şöyle bir kod olmalı

<script>
  (function() {
    var cx = 'YOUR_ENGINE_ID';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox-only resultsUrl="SonuclarinGidecegiSayfaAdresi"></gcse:searchbox-only>

 

  Aşağıdaki gibi bir kodda sonuçların listeleneceği sayfada olmalı

<script>
(function() {
  var cx = 'YOUR_ENGINE_ID';
  var gcse = document.createElement('script');
  gcse.type = 'text/javascript';
  gcse.async = true;
  gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

 

Artık aşağıdaki gibi bir adreslede arama yapabilirsiniz

http://my-results-page-url.com/?q=myQuery

 

Biz uygulamamızda google'ın arama kutusunu kullanmadık, sadece bir form yardımı ile q değişkeni içerisinde aranacak kelimeyi GET yaptık ve sonuçları bir başka sayfada aldık

Google Site İçi Arama Motoru

Eğer sonuçlarınızda görsellerinde çıkmasını isterseniz Ayarladan izin vermelisiniz

Google Site İçi Arama MotoruGoogle Site İçi Arama Motoru

 

Kaynaklar

Yorumunuzu Ekleyin
Google Map Kullanarak Harita Tasarlamak

Google bazı ürünlerini kısıtlı kullanım alanlarından sıyırıp yaratıcı ellere teslim ederek hem kendisine duyulan sempatiyi arttırıyor hem de biz kullanıcılara yeni kullanım alanları açabiliyor.

32,432 Okunma 10 Yorum 31/03/2008 05:44:04

Google Map Api 3.0

Google Maps API 3 resmi API artık. Versiyon 2 API artık resmi olarak önerilmilyor.V2 ile yaptığınız uygulamalarınızı V3 için güncellemeniz gerekli. V3 'ün en büyük özelliği mobil cihazlara göre düzenlenmiş olması ve API keyin artık gerekli olmayışı

22,833 Okunma 5 Yorum 14/07/2011 18:51:25 30/10/2012 04:04:12

Kurumsal Mail Hizmeti İçin Google Kullanmak

Bir host hizmetinden aldığınız mail adresini gmaile yönlendirerek nasıl kullanabileceğinizi anlatan bir makale...

19,005 Okunma 0 Yorum 12/04/2013 02:03:49 16/04/2013 02:10:39

Google Docs

Paylaş

15,045 Okunma 0 Yorum 21/02/2012 09:05:37

Google Adwords API Kullanımı

Google Reklamlarını yönetmek için Google Adwords API'yi kullanmalısınız.

4,257 Okunma 0 Yorum 25/07/2018 17:52:58 26/07/2018 17:52:55

Yükleniyor...