Meta tags:

Headings (most frequently used words):

the, application, search, interface, create, set, up, user, stay, organized, with, collections, save, and, categorize, content, based, on, your, preferences, install, dependencies, credentials, configure, web, run, query, index, reviewing, code, loading, widget, handling, authorization, creating, google, workspace, for, developers, tools, connect,

Text of the page (most frequently used words):
the (123), search (55), google (54), cloud (28), and (22), click (21), application (20), div (18), for (17), #create (17), sign (16), apps (15), #widget (15), connector (14), client (12), with (12), app (12), console (11), appears (11), workspace (10), tutorial (10), interface (10), script (9), page (9), query (9), overview (8), thumb (8), down (8), getelementbyid (8), document (8), oauth (8), admin (7), support (7), out (7), this (7), gapi (7), view (7), auth (7), user (7), developer (6), your (6), samples (6), github (6), credentials (6), consent (6), all (5), blog (5), apis (5), libraries (5), content (5), resultscontainer (5), index (5), get (5), issignedin (5), api (5), enter (5), file (5), field (5), screen (5), started (5), español (4), products (4), developers (4), build (4), code (4), are (4), next (4), searchconfig (4), builder (4), cloudsearch (4), new (4), html (4), hidden (4), after (4), button (4), required (4), onload (4), how (4), command (4), created (4), from (4), directory (4), end (4), configure (4), set (4), drive (4), chat (4), youtube (3), twitter (3), newsletter (3), explorer (3), dashboard (3), tools (3), service (3), release (3), notes (3), more (3), you (3), update (3), input (3), initialization (3), results (3), onsigninchanged (3), auth2 (3), initializeapp (3), authorize (3), authorization (3), loaded (3), display (3), open (3), http (3), using (3), run (3), start (3), save (3), configuration (3), web (3), data (3), icon (3), note (3), add (3), guides (3), home (3), resources (3), 한국어 (2), 日本語 (2), ภาษาไทย (2), বাংলা (2), हिंदी (2), فارسی (2), العربيّة (2), עברית (2), русский (2), türkçe (2), tiếng (2), việt (2), português (2), brasil (2), polski (2), italiano (2), indonesia (2), français (2), américa (2), latina (2), deutsch (2), english (2), terms (2), platform (2), connect (2), download (2), library (2), other (2), information (2), need (2), too (2), steps (2), last (2), updated (2), 2026 (2), utc (2), noted (2), licensed (2), under (2), details (2), its (2), apache (2), license (2), send (2), feedback (2), previous (2), continue (2), instructions (2), suggestions_anchor (2), search_input (2), searchappid (2), setsearchapplicationid (2), searchbox (2), facet_results (2), search_results (2), config (2), during (2), type (2), text (2), requires (2), markup (2), creating (2), onclick (2), status (2), welcome (2), let (2), https (2), com (2), clientid (2), function (2), async (2), loading (2), configured (2), account (2), two (2), different (2), users (2), must (2), behalf (2), can (2), experience (2), handling (2), remaining (2), once (2), load (2), bootstrap (2), ready (2), facets (2), controls (2), navigate (2), localhost (2), 8080 (2), npm (2), running (2), replace (2), section (2), line (2), change (2), these (2), right (2), source (2), toggle (2), newly (2), enable (2), pencil (2), name (2), settings (2), administration (2), return (2), domain (2), default (2), uris (2), drop (2), list (2), select (2), refer (2), install (2), dependencies (2), indexing (2), custom (2), previews (2), updates (2), codelabs (2), training (2), card (2), marketplace (2), ons (2), extend (2), automate (2), share (2), vault (2), tasks (2), slides (2), sites (2), sheets (2), meet (2), keep (2), forms (2), docs (2), classroom (2), calendar (2), gmail (2), security (2), schema (2), identity (2), systems (2), sharepoint (2), indexer (2), plugin (2), deploy (2), connectors (2), reference (2), manage, cookies, privacy, firebase, chrome, android, preferred, language, file_download, explore, our, sample, copy, them, own, ask, questions, tag, stack, read, easy, understand, easytounderstand, solved, problem, solvedmyproblem, otherup, missing, missingtheinformationineed, complicated, many, toocomplicatedtoomanysteps, date, outofdate, issue, samplescodeissue, otherdown, tell, except, otherwise, see, java, registered, trademark, oracle, affiliates, site, policies, creative, commons, attribution, congratulations, successfully, completed, cleanup, setresultscontainer, setanchor, setinput, const, setfacetresultscontainerelement, setsearchresultscontainerelement, apiversion, initialized, bound, container, elements, search_bar, placeholder, small, amount, hold, signout, signin, buttons, trigger, current, listen, clear, watch, changes, appropriately, getauthinstance, www, googleapis, cloud_search, scope, init, await, initialize, correct, enabled, handlers, events, class, header, presents, views, depending, state, their, while, prompt, achieve, better, yourself, handled, initial, runs, second, callback, called, then, loads, src, mods, enable_cloud_search_widget, defer, related, phases, first, sections, examine, built, reviewing, box, such, word, test, press, should, along, pagination, browser, previously, find, variable, top, editor, public, include, values, follows, done, check, options, enables, sources, edit, round, yellow, dialog, appplications, applications, scroll, performed, administrator, virtual, representation, value, used, identify, when, requesting, oauth2, secret, not, implementation, empty, uri, authorized, javascript, origins, fill, fields, further, setting, another, internal, optional, haven, left, navigation, call, server, following, still, repository, shell, there, shows, embeddable, beginning, getting, categorize, based, preferences, stay, organized, collections, known, issues, audit, logging, enhance, vpc, monitoring, implement, autocomplete, structure, optimal, interpretation, improve, quality, expansions, optimizations, interpretations, optimize, interfaces, handle, revisions, manual, deletes, thumbnails, obfuscate, sensitive, define, synonyms, sync, queues, map, acls, tune, additional, topics, premises, online, norconex, collector, database, nutch, csv, register, clean, wide, delegation, authority, access, rest, introduction, skip, main,

Text of the page (random words):
set up the user interface cloud search google for developers skip to main content google workspace home cloud search all products google workspace apps admin console cloud search gmail google calendar google chat google classroom google docs google drive google forms google keep google meet google sheets google sites google slides google tasks google vault extend automate share add ons apps script chat apps drive apps marketplace resources tools admin console apps script dashboard google cloud console apis explorer card builder training support how to get started codelabs developer support updates release notes developer previews youtube newsletter x twitter blog english deutsch español español américa latina français indonesia italiano polski português brasil tiếng việt türkçe русский עברית العربيّة فارسی हिंदी বাংলা ภาษาไทย 中文 简体 中文 繁體 日本語 한국어 sign in cloud search overview guides reference support connector directory google workspace home cloud search overview guides reference support connector directory all products more resources more introduction to google cloud search get started overview configure oauth consent configure access to the google cloud search rest api domain wide delegation of authority get started with cloud search overview build deploy the connector set up the ui clean up resources create and register a schema create connectors overview create a content connector create an identity connector deploy connectors csv connector apache nutch indexer plugin database connector file systems connector norconex http collector indexer plugin sharepoint online connector sharepoint on premises connector additional connector topics tune connector settings map acls the cloud search indexing queues sync different identity systems define synonyms obfuscate sensitive configuration file information enable thumbnails handle revisions after manual deletes create search interfaces overview create a custom interface using the query api create a search interface with the search widget optimize the search experience default expansions optimizations and interpretations improve search quality structure a schema for optimal query interpretation implement autocomplete monitoring and security enhance security with vpc service controls audit logging known issues samples google workspace apps admin console cloud search gmail google calendar google chat google classroom google docs google drive google forms google keep google meet google sheets google sites google slides google tasks google vault extend automate share add ons apps script chat apps drive apps marketplace tools admin console apps script dashboard google cloud console apis explorer card builder training support how to get started codelabs developer support updates release notes developer previews youtube newsletter x twitter blog home google workspace cloud search guides send feedback set up the user interface stay organized with collections save and categorize content based on your preferences this page of the google cloud search tutorial shows how to set up a custom search application using the embeddable search widget to start from the beginning of this tutorial refer to cloud search getting started tutorial install dependencies if the connector is still indexing the repository open a new shell and continue there from the command line change directory to cloud search samples end to end search interface to download the required dependencies for running the web server run the following command npm install create the search application credentials the connector requires service account credentials to call the cloud search apis to create the credentials return to the google cloud console in the left navigation click credentials from the create credentials drop down list select oauth client id the create oauth client id page appears optional if you haven t configured the consent screen click configure consent screen the oauth consent screen appears click internal and click create another oauth consent screen appears fill out required fields for further instructions refer to the user consent section of setting up oauth 2 0 click the application type drop down list and select web application in the name field enter tutorial in authorized javascript origins field click add uri an empty uris field appears in the uris field enter http localhost 8080 click create the oauth client created screen appears note the client id this value is used to identify the application when requesting user authorization with oauth2 the client secret is not required for this implementation click ok create the search application next create a search application in the admin console the search application is a virtual representation of the search interface and its default configuration note these steps must be performed by a domain administrator return to the google admin console click the apps icon the apps administration page appears click google workspace the apps google workspace administration page appears scroll down and click cloud search the settings for google workspace page appears click search applications the search appplications page appears click the round yellow the create a new search application dialog appears in the display name field enter tutorial click create click the pencil icon next to the newly created search application edit search application the search application details page appears note the application id to the right of data sources click the pencil icon next to tutorial click the enable toggle this toggle enables the tutorial data source for the newly created search application to the right of the tutorial data source click display options check all the facets click save click done configure the web application after creating the credentials and search app update the application configuration to include these values as follows from the command line change directory to cloud search samples end to end search interface public open app js file with a text editor find the searchconfig variable at the top of the file replace client id with the previously created oauth client id replace application id with the search application id noted in the previous section save the file run the application start the application by running this command npm run start query the index to query the index using the search widget open your browser and navigate to http localhost 8080 click sign in to authorize the app to query cloud search on your behalf in the search box enter a query such as the word test and press enter the page should display the query results along with facets and pagination controls to navigate the results reviewing the code the remaining sections examine how the user interface is built loading the widget the widget and related libraries are loaded in two phases first the bootstrap script is loaded index html view on github script src https apis google com js api js mods enable_cloud_search_widget onload onload async defer script second the onload callback is called once the script is ready it then loads the google api client google sign in and the cloud search widget libraries app js view on github load the cloud search widget auth libraries runs after the initial gapi bootstrap library is ready function onload gapi load client auth2 cloudsearch widget initializeapp the remaining initialization of the app is handled by initializeapp once all the required libraries are loaded handling authorization users must authorize the app to query on their behalf while the widget can prompt users to authorize you can achieve a better user experience by handling authorization yourself for the search interface the app presents two different views depending on the sign in state of the user index html view on github div class content div id app hidden div id header button id sign out sign out button div markup for widget div div id welcome hidden h1 cloud search tutorial h1 p sign in with your google account to search p button id sign in sign in button div div during initialization the correct view is enabled and the handlers for sign in and sign out events are configured app js view on github initialize the app after loading the google api client cloud search widget async function initializeapp await gapi auth2 init clientid searchconfig clientid scope https www googleapis com auth cloud_search query let auth gapi auth2 getauthinstance watch for sign in status changes to update the ui appropriately let onsigninchanged issignedin document getelementbyid app hidden issignedin document getelementbyid welcome hidden issignedin if resultscontainer resultscontainer clear auth issignedin listen onsigninchanged onsigninchanged auth issignedin get trigger with current status connect sign in sign out buttons document getelementbyid sign in onclick e auth signin document getelementbyid sign out onclick e auth signout creating the search interface the search widget requires a small amount of html markup for the search input and to hold the search results index html view on github div id search_bar div div id suggestions_anchor input type text id search_input placeholder search for div div div div id facet_results div div id search_results div the widget is initialized and bound to the input and container elements during initialization app js view on github gapi config update cloudsearch config apiversion v1 resultscontainer new gapi cloudsearch widget resultscontainer builder setsearchapplicationid searchconfig searchappid setsearchresultscontainerelement document getelementbyid search_results setfacetresultscontainerelement document getelementbyid facet_results build const searchbox new gapi cloudsearch widget searchbox builder setsearchapplicationid searchconfig searchappid setinput document getelementbyid search_input setanchor document getelementbyid suggestions_anchor setresultscontainer resultscontainer build congratulations you ve successfully completed the tutorial continue on for cleanup instructions previous next send feedback except as otherwise noted the content of this page is licensed under the creative commons attribution 4 0 license and code samples are licensed under the apache 2 0 license for details see the google developers site policies java is a registered trademark of oracle and or its affiliates last updated 2026 04 20 utc need to tell us more easy to understand easytounderstand thumb up solved my problem solvedmyproblem thumb up other otherup thumb up missing the information i need missingtheinformationineed thumb down too complicated too many steps toocomplicatedtoomanysteps thumb down out of date outofdate thumb down samples code issue samplescodeissue thumb down other otherdown thumb down last updated 2026 04 20 utc blog read the google workspace developers blog stack overview ask questions with the google cloud search tag code samples explore our sample apps or copy them to build your own file_download client libraries download a client library for your preferred language google workspace for developers platform overview developer products release notes developer support terms of service tools admin console apps script dashboard google cloud console apis explorer connect blog newsletter x twitter youtube android chrome firebase google cloud platform google ai all products terms privacy manage cookies english deutsch español español américa latina français indonesia italiano polski português brasil tiếng việt türkçe русский עברית العربيّة فارسی हिंदी বাংলা ภาษาไทย 中文 简体 中文 繁體 日本語 한국어