This is just a tiny little trick that might be helpful on a site where you don’t have the time or desire to build out a really good on-site search solution. Google.com itself can perform searches scoped to one particular site. The trick is getting people there using that special syntax without them even knowing it.
Make a search form:
When that form is submitted, we’ll intercept it and change the value to include the special syntax:
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();
});
That’s all.
CodePen Embed Fallback