When you pull this repository, you can test it by setting up a local python server. Navigate into the pulled directory of this repo and run python3 -m http.server. Then this repo is hosted at http://localhost:8000/listing_insights_test.html. You can also host this on our soona-local ngrok by runnning the python server, then visiting the directory and running ngrok http --domain=local.soona.co 8000.

add the follow code to the dom onLoaded for the segment events to work from your local device

!function(){
  var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="segmentFrontendWriteKey";;analytics.SNIPPET_VERSION="4.15.3";
  analytics.load("segmentFrontendWriteKey");
  analytics.page();
}}();

Releasing New Code

This code is sent to our marketing site via the CDN jsdelivr, here are the docs. Each file is sent separately to support the import statements, but you could choose to combine them. Then in webflow you enter design mode, visit the page you want them on, and add them as script tags with the src as the url and type="module"

When you make changes to your public repositroy hosting the scripts for jsdelivr the marketing site will not be updated. Instead, you'll have to make a new release because the links are using @latest in order to more dynamically pull in scripts and avoid over caching. Once you make a new release you can visit this website to clear the CDN cache and enter the urls for the files that were updated. This instantly updates the js being delivered to your page to make testing faster, but you will be throttled if you do it too much.