{"id":307593,"date":"2020-04-28T15:10:59","date_gmt":"2020-04-28T22:10:59","guid":{"rendered":"https:\/\/css-tricks.com\/?p=307593"},"modified":"2020-04-28T15:11:00","modified_gmt":"2020-04-28T22:11:00","slug":"how-to-redirect-a-search-form-to-a-site-scoped-google-search","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/how-to-redirect-a-search-form-to-a-site-scoped-google-search\/","title":{"rendered":"How to Redirect a Search Form to a Site-Scoped Google Search"},"content":{"rendered":"\n<p>This is just a tiny little trick that might be helpful on a site where you don&#8217;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.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Make a search form:<\/p>\n\n\n\n<pre rel=\"HTML\" class=\"wp-block-csstricks-code-block language-markup\" data-line=\"\"><code markup=\"tt\">&lt;form action=\"https:\/\/google.com\/search\" target=\"_blank\" type=\"GET\">\n\n  &lt;label>\n     Search CSS-Tricks on Google: \n     &lt;input type=\"search\" name=\"q\">\n   &lt;\/label>\n\n  &lt;input type=\"submit\" value=\"Go\">\n\n&lt;\/form><\/code><\/pre>\n\n\n\n<p>When that form is submitted, we&#8217;ll intercept it and change the value to include the special syntax:<\/p>\n\n\n\n<pre rel=\"JavaScript\" class=\"wp-block-csstricks-code-block language-javascript\" data-line=\"\"><code markup=\"tt\">var form = document.querySelector(\"form\");\n\nform.addEventListener(\"submit\", function (e) {\n  e.preventDefault();\n  var search = form.querySelector(\"input[type=search]\");\n  search.value = \"site:css-tricks.com \" + search.value;\n  form.submit();\n});\n<\/code><\/pre>\n\n\n\n<p>That&#8217;s all.<\/p>\n\n\n\n<div class=\"wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper\"><iframe id=\"cp_embed_xxwVxXQ\" src=\"\/\/codepen.io\/anon\/embed\/xxwVxXQ?height=450&amp;theme-id=1&amp;slug-hash=xxwVxXQ&amp;default-tab=result\" height=\"450\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allowpaymentrequest name=\"CodePen Embed xxwVxXQ\" title=\"CodePen Embed xxwVxXQ\" class=\"cp_embed_iframe\" style=\"width:100%;overflow:hidden\">CodePen Embed Fallback<\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This is just a tiny little trick that might be helpful on a site where you don&#8217;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 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":307667,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/search-form-to-google.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/307593"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=307593"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/307593\/revisions"}],"predecessor-version":[{"id":307666,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/307593\/revisions\/307666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/307667"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=307593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=307593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=307593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}