Пользовательский поиск Google - изменение URL без обновления страницы

Question

Пользовательский поиск Google - изменение URL без обновления страницы

0

Я хотел бы реализовать результат только для обычного пользовательского поиска Google, как на этой странице. Если вы посмотрите на страницу и исходный код, вы можете понять, как реализован пользовательский поиск Google. Когда кто-то вводит поисковый запрос и нажимает кнопку поиска, он не обновляет страницу, но результат будет отображаться. Это замечательно. Итак, я хочу это реализовать.

Кроме того, при нажатии кнопки отправки URL-адрес в адресной строке не изменяется. Но я хочу добавить запрос в URL-адрес, когда форма отправлена для цели SEO. Например, если кто-то ищет мир, URL-адрес должен быть изменен на index.html? Q = world, но без обновления страницы.

Как достичь этого, используя javascript или jquery?

Спасибо за вашу помощь.

user2435840 19 окт. 2013, в 17:56

Источник

0

Это встроенная функциональность для пользовательского поиска Google.
cale_b 19 окт. 2013, в 15:28
0

Изменение URL при вводе пользователем не помогает в SEO.
nwellnhof 19 окт. 2013, в 15:30

Теги:

javascript

jquery

html

google-custom-search

1 ответ

Ещё вопросы

Это встроенная функциональность для пользовательского поиска Google.
Изменение URL при вводе пользователем не помогает в SEO.

Devnook · Answer 1 · 2013-10-27T16-28-00.000Z

Вы можете сделать это в современных браузерах, используя механизм истории HTML5: http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

например, например:

window.history.pushState("object or string", "Title", "/new-url");

На вашей странице вы можете иметь свою собственную кнопку поиска, и когда пользователь нажимает на вас, вы выполняете запрос программно, тогда вы меняете адресную строку:

var element = google.search.cse.element.getElement('element1);
element.execute('news');
window.history.pushState("object or string", "Title", "/?q=news");