How to Configure Tinylytics Analytics for Production Environment Only

Why is this code needed?

When incorporating tinylytics javascript, accesses during development are also reflected in the statistics, so we added code so that statistics are obtained only in production. There may be a better way to do this, but for now, I'll introduce it here because it does what I want to do.

How this code works

This code works as follows:

When the page loads, JavaScript checks the current hostname (domain)
Only if the hostname exactly matches "your.domain.com", it will dynamically add the tinylytics script
For all other domains (localhost, 127.0.0.1, staging environments, etc.), the script won't be added, and only a console message will be displayed

Implementation

Place this code in the <head> section of your HTML and remove the original tinylytics script tag.

<!-- Check domain and enable analytics only for specific domain -->
<script>
  // Get current hostname
  const currentHostname = window.location.hostname;

  // Specify production domain
  const productionDomain = 'your.domain.com';

  // Only load analytics on production domain
  if (currentHostname === productionDomain) {
    // Dynamically add tinylytics script
    const analyticScript = document.createElement('script');
    analyticScript.src = 'https://tinylytics.app/embed/Xx-xxxxxxxxxxxxxx.js';
    analyticScript.defer = true;
    document.head.appendChild(analyticScript);
    console.log('Production environment: Analytics enabled');
  } else {
    console.log('Development environment: Analytics disabled');
  }
</script>