Cómo redirigir un formulario de búsqueda a una búsqueda de Google centrada en el sitio

Este es sólo un pequeño truco que podría resultar útil en un sitio donde no se tiene el tiempo o el deseo de crear una solución de búsqueda en el sitio realmente buena. El propio Google.com puede realizar búsquedas dirigidas a un sitio en particular. El truco consiste en hacer que la gente utilice esa sintaxis especial sin que lo sepan.

Haz un formulario de búsqueda:

form action="https://google.com/search" target="_blank" type="GET"  label     Search CSS-Tricks on Google:      input type="search" name="q"   /label  input type="submit" value="Go"/form

Cuando se envíe ese formulario, lo interceptaremos y cambiaremos el valor para incluir la sintaxis especial:

var form = document.querySelector("form");form.addEventListener("submit", function (e) {  e.preventDefault();  var search = form.querySelector("input[type=search]");  search.value = "site:css-tricks.com " + search.value;  form.submit();});

Eso es todo.