Copy and paste this code anywhere on your website:
<script type="text/javascript">
(function(d,h,b,v,i,q,o,s,c,t){t=b+'main-'+v;s=d.createElement('script');s.src=t+'.js';s.dataset.ci=i;s.dataset.cq=q;s.dataset.o=o;h.appendChild(s);c=d.createElement('link');c.href=t+'.css';c.rel='stylesheet';h.appendChild(c)})(document,document.head,'https://wwwco.bilyoner.com/','v1.17.11',0,'.page',1)
</script>
<!-- Load CSS first -->
<link rel="stylesheet" href="https://wwwco.bilyoner.com/main-v1.17.11.css">
<!-- Add the script tag -->
<script src="https://{{ domain}}/main-v1.17.11.js" data-ci="container-id" data-cq=".container-selector"></script>
The data-ci attribute is the id of the element that will contain the widget. Alternatively, use the data-cq attribute to specify a selector for the element that will contain the widget.
The version number comes from package.json, making it easy to upgrade when a new version is available. The environment prefix (dev, stage) is added when building for specific environments.