How to add Google Custom Search

This tutorial is over a year old and may not apply to your version of Concrete CMS.
Aug 12, 2016

This tutorial will help you create a customized search in just a few minutes.

Google Custom Search enables you to create a search engine for your website, your blog, or a collection of websites. You can configure your engine to search both web pages and images. You can fine-tune the ranking, add your own promotions and customize the look and feel of the search results.

To get started, you need to create an instance of a Custom Search Engine. Create an account here: https://cse.google.com/manage/all

In the Sites to search section, add the pages you want to include in your search engine. You can include any sites you want, not just the sites you own. You can include whole site URLs or individual pages URLs. You can also use URL patterns.

The name of your search engine will be automatically generated based on the URLs you select. You can change this name at any time.

Select the language of your search engine. This defines the language of the buttons and other design elements of your search engine, but doesn't affect the actual search results.

Click Create.

click Get code. Copy the code and paste it into your page's HTML source code where you want the Custom Search element to appear

Implementing search box

Once you've created your custom search engine, you can add the Custom Search Element to your site. To do this, you'll need to copy some code and paste it into your site's HTML where you want your search engine to appear.

Recent Tutorials
Customize locale icons
Oct 29, 2024
By myq.

How to customize locale (language region) flags

Concrete CMS Caching Guide
Oct 16, 2024

An overview of types of caching in Concrete and considerations when using them.

Redirect all requests to HTTPS
Oct 9, 2024
By myq.

How to follow best practices for a secure web

Upgrade Concrete versions 9.3.1 and 9.3.2
Sep 10, 2024
By myq.

How to get past a bug in versions 9.3.1 and 9.3.2 that prevents upgrading the Concrete core through the Dashboard

How to use Composer with Marketplace extensions
Aug 22, 2024

Composer can be used to manage third-party extensions from the marketplace

Controlling Google Tag Manager Tags Based on Concrete CMS Edit Toolbar Visibility
Aug 13, 2024

This document provides a step-by-step guide on how to control the firing of Google Tag Manager (GTM) tags based on the visibility of the Concrete CMS edit toolbar. It explains how to create a custom JavaScript variable in GTM to detect whether the edit toolbar is present on a page and how to set up a trigger that ensures GTM tags only fire when the toolbar is not visible. This setup is particularly useful for developers and marketers who want to ensure that tracking and analytics tags are not activated during content editing sessions, thereby preserving the accuracy of data collected.

Improvements?

Let us know by posting here.