How to Integrate?

Quick Integration

Adding the Tokenomics Widget to your website takes less than 2 minutes.

Step 1: Find Your Project Slug

Your project slug is the unique identifier used in your audit URL.

Example: If your audit is at https://tokenomics.com/audits/example-project, then your slug is example-project

Don't have an audit yet? Contact us on Telegram or fill out the Contact form.

Step 2: Add the Widget Code

Copy and paste this code where you want the widget to appear:

<script 
  src="https://api.tokenomics.com/v1/widget/embed.js" 
  data-project-slug="your-project-slug"
  async>
</script>

Replace your-project-slug with your actual project slug from Step 1.

Complete Example

Here's a full example for with Ondo Finance widget:

<!DOCTYPE html>
<html>
<head>
    <title>Ondo Finance Website</title>
</head>
<body>
    <h1>Welcome to Our Website</h1>
    <p>Check out our tokenomics audit results:</p>
    
    <!-- Tokenomics Widget -->
    <script 
      src="https://api.tokenomics.com/v1/widget/embed.js" 
      data-project-slug="ondo-finance"
      async>
    </script>
    
</body>
</html>

Where to Place the Code

✅ Recommended Locations

  • Tokenomics Section - Perfect for dedicated tokenomics pages

  • Investment/Funding Page - Highlights audit results to potential investors

  • Footer - Provides trust signal across all pages

  • Documentation - Technical transparency for community

Testing Your Integration

After adding the widget:

  1. Refresh your page - The widget should load in less than 1 second

  2. Test hover interaction - Hover over the widget to see expanded metrics

  3. Try mobile - Ensure it works on different screen sizes

Widget not showing? Check our troubleshooting guide for common solutions.

PreviousIntroductionNextCustomization Options

Last updated