Dream Academy Component Library

Google CSE 

<!-- Google CSE -->
<div class="search-form" id="search-form-1" role="search">
    <div class="fw-container">
        <div class="search-form__inner">
            <script>
                (function() {
                    var cx = '011737558837375720776:mbfrjmyam1g';
                    var gcse = document.createElement('script');
                    gcse.type = 'text/javascript';
                    gcse.async = true;
                    gcse.src = '//cse.google.com/cse.js?cx=' + cx;
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(gcse, s);
                })();
            </script>
            <div class="gcse-searchbox-only" data-resultsUrl=""></div>
            <noscript>
                <div class="typography">
                    <p>The site search requires a JavaScript enabled browser. You can also search the site using <a href="//www.google.com/#q=site:https://dream-academy.dev.fastspot.com/">Google</a>.</p>
                </div>
            </noscript>
        </div>
    </div>
</div>
<!-- END: Google CSE -->
 
{#
	{% include '@component-google-search' with {
		results_url: ''
	} %}
#}

{% set id = uniqid('search-form') %}

<!-- Google CSE -->
<div
	class="search-form"
	id="{{ id }}"
	role="search"
>
	<div class="fw-container">
		<div class="search-form__inner">
			<script>
				(function() {
					var cx = '{{ config.cse_key }}';
					var gcse = document.createElement('script');
					gcse.type = 'text/javascript';
					gcse.async = true;
					gcse.src = '//cse.google.com/cse.js?cx=' + cx;
					var s = document.getElementsByTagName('script')[0];
					s.parentNode.insertBefore(gcse, s);
				})();
			</script>
			<div
				class="gcse-searchbox-only"
				data-resultsUrl="{{ results_url }}"
			></div>
			<noscript>
				<div class="typography">
					<p>The site search requires a JavaScript enabled browser. You can also search the site using <a href="//www.google.com/#q=site:{{ config.domain }}">Google</a>.</p>
				</div>
			</noscript>
		</div>
	</div>
</div>
<!-- END: Google CSE -->

No notes defined.