← Back to FinWise Hub ← Ad Setup Guide

HilltopAds Integration

Configure HilltopAds for high-CPM ad placements

⚠️ Placeholder Status

This integration uses PLACEHOLDER VALUES. You must sign up for HilltopAds and replace the placeholder IDs with your actual account credentials.

About HilltopAds

HilltopAds is an advertising platform specializing in high CPM rates, particularly for pop-under and push notification ads. They offer:

Signup Instructions

1Create Account

Visit hilltopads.com/publishers/ and click "Sign Up". Provide your email, password, and basic information.

2Add Your Website

After registration, add your website (only.slappepiemels.nl) to your account. You'll need to verify ownership via:

3Configure Ad Zones

Create ad zones for each placement type you want:

4Get Your Publisher ID

Find your Publisher ID (PID) in your dashboard. It will look something like: YOUR_HILLTOP_PID

Code Placement

Pop Under Code (Recommended First Step)

Pop unders appear when users navigate away from or close your page. Place this in your <head> section:

<!-- HilltopAds Pop Under - PLACEHOLDER --> <script> (function(){ // Replace YOUR_HILLTOP_PID with your actual Publisher ID var pid = 'YOUR_HILLTOP_PID'; var tid = 'POP_UNDER_ZONE_ID'; // Your zone ID from dashboard // HilltopAds Pop Script (standard implementation) var ht = document.createElement('script'); ht.async = true; ht.src = 'https://htlbd.com/ping.js?pid=' + pid + '&tid=' + tid; var hs = document.getElementsByTagName('head')[0]; hs.parentNode.insertBefore(ht, hs); })(); </script>

Display/Banner Ad Code

For standard banner placements, use this code structure:

<!-- HilltopAds Display Ad - PLACEHOLDER --> <div id="hilltopads_banner" style="display:inline-block;width:728px;height:90px"> <ins data="hilla_dsp" data-pid="YOUR_HILLTOP_PID" data-zid="BANNER_ZONE_ID"> <script src="https://htlbd.com/ads.js"></script> </ins> </div>

Where to Place Each Code

Ad Type Placement In index.html
Pop Under Head section (<head>) After AdSense script
Display Banner Where ad displays Replace .ad-container content

Ad Appearance

Pop Under Ads

Pop Under Preview

Opens in new background tab when user:

  • • Navigates to another page
  • • Closes the browser tab
  • • Clicks a link on your site

Banner/Display Ads

Standard Banner Sizes

728×90 Leaderboard
300×250 MREC
160×600 Wide Skyscraper

Integration with index.html

Here's how the HilltopAds placeholder currently appears in index.html:

<!-- ============================================ --> <!-- HILLTOPADS PLACEHOLDER - REPLACE WHEN SIGNED UP --> <!-- ============================================ --> <!-- HilltopAds Pop Under Script --> <script> (function(){ var pid = 'YOUR_HILLTOP_PID'; var tid = 'YOUR_POP_ZONE_ID'; var ht = document.createElement('script'); ht.async = true; ht.src = 'https://htlbd.com/ping.js?pid=' + pid + '&tid=' + tid; document.getElementsByTagName('head')[0].appendChild(ht); })(); </script> <!-- HilltopAds Banner Placeholder --> <div class="ad-container"> <div class="ad-label">Advertisement</div> <div class="placeholder-indicator"> HilltopAds Banner - Replace with your code </div> </div>

✓ After You Sign Up

Once you receive your HilltopAds credentials:

  1. Replace YOUR_HILLTOP_PID with your Publisher ID
  2. Replace zone IDs with the ones from your dashboard
  3. Test by visiting your site and navigating away
  4. Check your HilltopAds dashboard for impressions and revenue