Integration Guide: Vue/Nuxt.js
Follow these steps to integrate Ad Unblock into your Vue/Nuxt.js website.

Where to find your verification code

Your verification code is available in your Ad Unblock dashboard. Navigate to: Dashboard → [Your Site] → Integration → Verification

CDN Endpoint

Ad blockers regularly update their rules, and CDN endpoints may become blocked over time. As a site owner, you are responsible for using the latest valid CDN endpoints by regularly checking the System Status page or implementing server-side fetching from https://config.adunblocker.com/valid_script_sources.json.

Step 1: Add the Script to Your Vue Application

For standard Vue.js applications, add the script to your index.html file:

<!-- In public/index.html -->
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <!-- Add the Ad Unblock script here -->
  <script src="https://d16sc05it918j8.cloudfront.net" async data-code="YOUR_VERIFICATION_CODE"></script>
  <title>Vue App</title>
</head>

For Nuxt.js Applications

For Nuxt.js, add the script to your nuxt.config.js file:

// In nuxt.config.js
export default {
  head: {
    script: [
      {
        src: 'https://d16sc05it918j8.cloudfront.net?code=YOUR_VERIFICATION_CODE',
        async: true,
      }
    ],
    // other head elements...
  },
  // other Nuxt config...
}

Verify Integration

After adding the script, verify your integration is working properly:

Your Verification Code

Your unique verification code YOUR_VERIFICATION_CODE has been shown as a placeholder in the code examples above. The code attribute is required for Ad Unblock to verify your integration.

Available Script Sources

We provide multiple CDN endpoints to enhance reliability. If the primary script source is blocked by an ad blocker, you can use one of our alternative sources. View our status page to see all available endpoints and their current status:

You can also fetch the latest list of valid script sources programmatically from:https://config.adunblocker.com/valid_script_sources.json

Important Notice

As a site owner, you are responsible for ensuring your integration uses the latest valid CDN endpoints. Ad blockers regularly update their rules, which may block our endpoints. We recommend:

  • Regularly check the System Status page for updated endpoint information
  • For production environments, implement server-side fetching from our API with proper caching
  • Use the API endpoint https://config.adunblocker.com/valid_script_sources.json to programmatically retrieve the latest valid scripts
  • Never implement client-side fallbacks that fetch from our API directly

Need help?

If you're experiencing any issues with the integration, please contact our support team at support@adunblock.com