🚀 AnalyticsForge Getting Started

Revolutionary web analytics with invisible tracking, AI computer vision, and precision coordinate analytics

100% Invisible • GDPR Compliant • Cookieless Tracking

Quick Start Installation Configuration Features Dashboard Troubleshooting

⚡ Quick Start (2 Minutes)

1 Get Your API Key

Contact us to receive your AnalyticsForge API key. For demo purposes, you can use: demo-api-key-12345

2 Add One Line of Code

Copy this single line and paste it just before the closing </body> tag on every page you want to track. That's it - no dependencies, no complex setup:

<!-- AnalyticsForge Revolutionary Analytics - Single File --> <script src="https://forgesystems.io/analyticsforge/Development/Universal_Widget/analyticsforge-universal-widget-merged.js" data-api-key="YOUR_API_KEY_HERE"> </script>
3 Replace YOUR_API_KEY_HERE

Replace YOUR_API_KEY_HERE with your actual API key

4 Start Invisible Tracking

That's it! AnalyticsForge is now invisibly capturing revolutionary analytics data from your website. Your visitors will never know they're being tracked.

✅ You're Done! AnalyticsForge is now invisibly tracking precise user interactions, AI-detected content performance, and user intent data that Google Analytics cannot provide. Your website visitors will never see any indication of tracking - it's completely stealth and GDPR compliant.

🔧 Detailed Installation

Basic Installation

The simplest way to add AnalyticsForge to any website:

<!DOCTYPE html> <html> <head> <title>Your Website</title> </head> <body> <h1>Your Content Here</h1> <p>Your website content...</p> <!-- Add AnalyticsForge just before closing body tag --> <script src="https://forgesystems.io/analyticsforge/Development/Universal_Widget/analyticsforge-universal-widget-merged.js" data-api-key="your-api-key-12345"> </script> </body> </html>

WordPress Installation

Method 1: Add to your theme's footer.php file before </body>

Method 2: Use a plugin like "Insert Headers and Footers" and add the code to the footer section

Method 3: Add via WordPress admin → Appearance → Customize → Additional CSS (paste in Custom HTML widget)

Shopify Installation

1. Go to Online Store → Themes → Actions → Edit Code

2. Open layout/theme.liquid

3. Add the AnalyticsForge code just before </body>

Other Platforms

Wix

Add via Settings → Tracking & Analytics → New Tool → Custom Code

Squarespace

Add via Settings → Advanced → Code Injection → Footer

Webflow

Add via Project Settings → Custom Code → Footer Code

⚙️ Advanced Configuration

Configuration Options

Customize AnalyticsForge behavior with these data attributes:

<script src="https://forgesystems.io/analyticsforge/Development/Universal_Widget/analyticsforge-widget.js" data-api-key="your-api-key-12345" data-targets="body" data-sample-rate="1.0" data-show-overlay="false" data-debug="false"> </script>

data-api-key

Required - Your AnalyticsForge API key

data-targets

Optional - CSS selectors to track (default: "body")

Example: ".header, .main-content, .footer"

data-sample-rate

Optional - Percentage of visitors to track (default: 1.0 = 100%)

Use 0.5 for 50% of visitors on high-traffic sites

data-show-overlay

Debug Only - Show visual overlay for testing (default: false)

Warning: Only use "true" for development - breaks stealth mode

data-debug

Debug Only - Enable console logging (default: false)

Warning: Only use "true" for development - breaks stealth mode

Track Specific Sections

Focus tracking on specific parts of your page:

<script src="https://forgesystems.io/analyticsforge/Development/Universal_Widget/analyticsforge-widget.js" data-api-key="your-api-key-12345" data-targets=".hero-section, .pricing-cards, .testimonials"> </script>

🎯 What AnalyticsForge Tracks

🎯 Precision Coordinates

Exact X,Y click positions with sub-pixel accuracy

  • Real click coordinates (not mouse approximations)
  • Responsive design compatibility
  • Viewport-relative positioning

🤖 AI Content Detection

AI computer vision identifies and tracks text elements

  • Headlines, buttons, and links
  • Text within images (coming soon)
  • Dynamic content recognition

💡 User Intent Capture

Understand what users want to change

  • Content modification requests
  • User frustration indicators
  • Optimization opportunity detection

📊 Element Performance

Performance data for every piece of content

  • Click-through rates per element
  • Content engagement scoring
  • Revenue attribution per content piece

🚀 Revolutionary Stealth Capabilities

What Google Analytics Can't Do:

What AnalyticsForge Does Invisibly:

📈 Accessing Your Dashboard

1 Visit Your Dashboard

Go to: https://forgesystems.io/analyticsforge/

2 Enter Your API Key

Use the same API key you added to your website

3 View Revolutionary Analytics

See precision heat maps, content performance, and user intent data

Demo Mode: Click the green "Developer Mode" button to see demo data and explore the revolutionary capabilities before your real data arrives.

🛠️ Troubleshooting

Common Issues

❌ No Data Appearing

Solution:

❌ Scripts Not Loading

Solution:

❌ Interactive Overlay Not Showing

Solution:

Testing Your Installation

// Open browser console (F12) and run: console.log('AnalyticsForge Status:', window.AnalyticsForgeWidget ? 'Loaded' : 'Not Found'); // Check if widget is active: if (window.AnalyticsForge) { console.log('AnalyticsForge API:', window.AnalyticsForge); console.log('Current analytics:', window.AnalyticsForge.analytics()); }

Support

Need help? Contact our support team:

🎉 You're All Set!

AnalyticsForge is now capturing revolutionary analytics data that your competitors cannot replicate.

View Your Dashboard →

`; navigator.clipboard.writeText(code).then(() => { const button = event.target; const originalText = button.textContent; button.textContent = 'Copied!'; button.style.background = '#28a745'; setTimeout(() => { button.textContent = originalText; button.style.background = '#01BAEF'; }, 2000); }); } // Smooth scrolling for navigation document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); });