Adding Ads to your Stories

JOIN Stories can seamlessly connect to your Ad Servers for enhanced ad integration.

Setting up my Ad Server for JOIN Stories

🚧

As for now, JOIN Ads only connect to GAM Ad Servers

To connect JOIN Stories to your Ad Server, you need to configure an ad unit compatible with JOIN Ads. Follow these steps: Set Up My Ad Server.

Integration and custom targeting

JOIN Ads integrate using your Google Publisher Tag. Ads will only be requested if Google Tag Services are enabled on your site. If needed, refer to the official documentation: Google Publisher Tag Setup.

Setting custom targeting

Define custom targeting values with the window.JoinStories.setCustomAdsTargeting function. Targeting can be set globally for the entire page or specifically for individual widgets.

For more details, consult the method documentation:

• Web integration methods: Method Documentation
• npm setup details: npm Setup Documentation

Example integration code

<script>
  const setTargeting = () => {
    // Set global targeting values for the entire page
    window.JoinStories.setCustomAdsTargeting({
      program_id: '1222',
    });
    // Set targeting values for a specific widget
    window.JoinStories.setCustomAdsTargeting({
      program_id: '1245',
    }, 'my-widget-alias');
  };

  if (window.JoinStories) {
    setTargeting();
  } else {
    document.addEventListener('JOIN_STORIES_READY', setTargeting);
  }
</script>