Programlanabilir Arama Motorunuzu oluşturduktan sonra, Programlanabilir Arama Öğesi'ni sitenize ekleyebilirsiniz. Bunu yapmak için bazı kodları kopyalamanız ve sitenizde arama motorunuzun görünmesini istediğiniz HTML'ye yapıştırmanız gerekir.
- Denetim Masası'nda, kullanmak istediğiniz arama motorunu tıklayın.
- Overview (Genel bakış) sayfasının Temel bölümünde Kodu al'ı tıklayın. Kodu kopyalayın ve Programlanabilir Arama Öğesi'nin görünmesini istediğiniz sayfanın HTML kaynak koduna yapıştırın.
<div class="gcse-search"></div> öğesi bir yer tutucudur. Arama öğesi (arama kutusu ve arama sonuçları) burada oluşturulur.
<div class="gcse-search"></div>
Farklı düzenleri deneme
Birçok durumda, bir arama kutusunun arama sonuçlarından bağımsız olarak gösterilmesi 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 alanda (örneğin, sayfanın ana alanında) görüntülemenize olanak tanır.
Motorunuzun düzenini değiştirmek için Kontrol Paneli'nde Görünüm ve izlenim 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.
<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>
Bir diğer ilgi çekici düzen ise iki sayfalık seçenektir. Bu araç, kendi arama kutunuzu bir sayfaya uygulamanıza ve adres çubuğundaki parametreleri kullanarak standart arama sonuçlarını başka bir sayfada oluşturmanıza olanak tanır.
Denetim Masası'nda iki sayfa düzenini seçip kaydedin. Tek bir sayfada, resultsUrl özelliğini sonuçları görüntülemek 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>
Bağımsız bir arama sonuçları sayfası uygulamak için sonuç 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 bir "q" yönergesi ileterek bu sayfada arama sonuçlarını tetikleyebilirsiniz. bağımsız değişkeni ekleyin:
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österileceğini bu şekilde bilir.
Sonraki...
Otomatik tamamlamayı etkinleştirme bölümüne geçin.