Arama kutusunu uygulama

Programlanabilir Arama Motorunuzu oluşturduktan sonra sitenize Programlanabilir Arama Öğesi'ni ekleyebilirsiniz. Bunu yapmak için, kodun bir kısmını kopyalamanız ve arama motorunuzun görünmesini istediğiniz sitenin HTML'sine yapıştırmanız gerekir.

  1. Denetim Masası'nda, kullanmak istediğiniz arama motorunu tıklayın.
  2. Genel Bakış sayfasının Temel bölümünde Kodu al'ı tıklayın. Kodu kopyalayın ve sayfanızın HTML kaynak kodunda, Programlanabilir Arama Öğesi'nin görünmesini istediğiniz yere yapıştırın.

<div class="gcse-search"></div> öğesi bir yer tutucudur. Arama öğesi (hem arama kutusu hem de arama sonuçları) burada oluşturulur.

<!-- Programlanabilir Arama Motoru Kimliğinizi buraya ekleyin --> <script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<div class="gcse-search"></div>

Farklı düzenleri deneme

Çoğu zaman, bir arama kutusunun arama sonuçlarından bağımsız olarak görünmesi mantıklıdır. İki sütunlu düzen, sayfanızın bir alanında (örneğin kenar çubuğunda) bir arama kutusu oluşturmanıza ve sonuçları farklı bir bölümde (örneğin sayfanın ana alanında) görüntülemenize olanak tanır.

Motorunuzun düzenini değiştirmek için Denetim Masası'ndaki Görünüm ve tarz sayfasının Düzen bölümüne gidin. Kontrol Paneli'nde 2 sütunlu düzeni seçip kaydettikten sonra, Arama Öğesi için HTML kodunu da değiştirmeniz gerekir.

<!-- Programlanabilir Arama Motoru Kimliğinizi buraya ekleyin --> <script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<div style="border: 1px solid blue;">
    Area 1 (for example a sidebar)
    <div class="gcse-searchbox"></div>
</div>

<div style="border: 1px solid red;">
    Area 2 (for example main area of the page)
    <div class="gcse-searchresults"></div>
</div>

İlginç başka bir sayfa da iki sayfa seçeneğidir. Bu özellik, kendi arama kutunuzu bir sayfaya uygulamanıza ve adres çubuğundaki parametreleri kullanarak standart arama sonuçlarını başka bir sayfada görüntülemenize olanak tanır.

Denetim Masası'nda iki sayfalık düzeni seçip kaydedin. Bir sayfada, resultsUrl özelliğini, sonuçların görüntülenmesini istediğiniz URL'ye işaret edecek şekilde değiştirerek bağımsız bir arama kutusu uygulayın.

<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script>
<div class="gcse-searchbox-only" data-resultsUrl="YOUR_RESULTS_PAGE_URL"></div>

Deneyin

Bağımsız bir arama sonuçları sayfası uygulamak için, sonuçlar kod snippet'ini sonuçlar sayfanıza yapıştırın:

<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script>
<div class="gcse-searchresults-only"></div>

Artık URL'ye "q" bağımsız değişkenini ileterek bu sayfadaki arama sonuçlarını tetikleyebilirsiniz:

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

Adres çubuğundaki q=myQuery parametresini not edin. <div class="gcse-searchresults-only"></div> öğesi, hangi sorgu sonuçlarının görüntüleneceğini bu şekilde bilir.

Deneyin

Sonraki...

Otomatik tamamlamayı etkinleştirme bölümüne geçin.