Po utworzeniu programowalnej Wyszukiwarki możesz dodać Programowalny Element wyszukiwania do swojej witryny. Aby to zrobić, musisz skopiować kod i wkleić go do kodu HTML witryny, w którym ma pojawić się wyszukiwarka.
- w Panelu sterowania kliknij wyszukiwarkę, której chcesz użyć.
- kliknij Setup na pasku bocznym, a następnie kliknij kartę podstawy.
- w sekcji Szczegóły kliknij Pobierz kod.,Skopiuj kod i wklej go do kodu źródłowego HTML strony, w którym ma pojawić się Programowalny Element wyszukiwania.
<div class="gcse-search"></div>wypróbowanie różnych układów
w wielu przypadkach warto mieć pole wyszukiwania wyświetlane niezależnie od wyników wyszukiwania. Dwukolumnowy układ pozwala renderować pole wyszukiwania w jednym obszarze strony (na przykład na pasku bocznym) i wyświetlać wyniki w innym (na przykład w głównym obszarze strony).,
aby zmienić układ silnika, przejdź do sekcji Wygląd w Panelu sterowania i kliknij kartę Układ. Po wybraniu i zapisaniu układu 2-kolumnowego w Panelu sterowania należy również zmienić kod HTML dla elementu wyszukiwania.
kolejnym ciekawym layoutem jest opcja dwustronicowa. Pozwala na zaimplementowanie własnego pola wyszukiwania na jednej stronie i renderowanie standardowych wyników wyszukiwania na innej stronie za pomocą parametrów w pasku adresu.
Wybierz i zapisz układ dwustronicowy w Panelu sterowania., Na jednej stronie zaimplementuj samodzielne pole wyszukiwania, zmieniając atrybut resultsUrl, aby wskazać adres url, w którym chcesz wyświetlić wyniki.
Try it
aby zaimplementować samodzielną stronę wyników wyszukiwania, wklej fragment kodu wyników do strony wyników:
<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script><div class="gcse-searchresults-only"></div>teraz możesz wyzwalać wyniki wyszukiwania na tej stronie, przekazując argument „q” W url:
Try it
Kontynuuj włączanie autouzupełniania.