Framework Component Library

Google CSE 

<!-- Google CSE -->
<div class="search-results" id="search-results-1">
    <div class="fw-container">
        <div class="search-results__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>
            <gcse:search></gcse:search>
            <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:static.example.dev.fastspot.com">Google</a>.</p>
                </div>
            </noscript>
        </div>
    </div>
</div>
<!-- END: Google CSE -->
 
{#
	{% include '@component-google-cse' with {
		results_url: ''
	} %}
#}

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

<!-- Google CSE -->
<div class="search-results" id="{{ id }}">
	<div class="fw-container">
		<div class="search-results__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>
			{% if results_url %}
				<gcse:searchbox-only resultsUrl="{{ results_url }}"></gcse:searchbox-only>
			{% else %}
				<gcse:search></gcse:search>
			{% endif %}
			<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.