Install HalalSpark on a custom website
For static HTML sites or any site where you can edit the page source directly. Choose a setup method below.
Your website must be approved before ads can serve. If you have not added your site yet:
- Go to your HalalSpark dashboard
- Click Add Website
- Submit for review
Approval usually takes up to 24 hours. You will be notified when complete.
Auto Ads
Add one script to your site.
HalalSpark handles placement automatically.
You only need to add this script once.
Control ad types, density, and page rules from your dashboard.
Get your Auto Ads script
- Go to your HalalSpark Publisher Dashboard
- Click your website
- Open the Set Up Ads tab
- Select Auto Ads and complete the setup steps
- Copy your script from the final screen
If setup is already complete:
- Go to your website → Placements tab
- Click Copy Script next to your Auto Ads configuration
<script src="https://ads.halalspark.co.uk/get-auto-ads-script?websiteId=YOUR_WEBSITE_ID" async></script>YOUR_WEBSITE_ID is unique to your site. Copy the script exactly as shown. Do not edit it.Open your site's HTML
Open the HTML file that contains your <head> section.
For static sites, this is usually index.html.
If your site uses a shared layout or template file, add the script there so it loads on every page.
If your site does not use a shared layout, you must add the script to each page where you want ads to appear.
Paste the script before </head>
Find the closing </head> tag. Paste the script directly before it.
<head>
<!-- existing head content -->
<script src="https://ads.halalspark.co.uk/get-auto-ads-script?websiteId=YOUR_WEBSITE_ID" async></script>
</head><head> — not in the body.async attribute. Without it, the script can block your page from loading.Save and publish
Save your file and deploy your site.
Check your installation
- Open your site in a new tab
- Ads should appear within a few seconds
- If nothing appears, add
?test=1to your URL to preview, or see troubleshooting below
Adjust settings any time
You can change your settings at any time from the Placements tab in your dashboard:
- Ad density — number of ads per page
- Ad types — inline, banner, header, footer, sidebar
- Page rules — include or exclude specific URLs (only relevant if your script is on every page)
Changes apply immediately. No code updates required.
&profile=NAME) that you paste into the relevant template or page. Set them up in your dashboard under Set Up Ads → Auto Ads → Add Profile. Full details in the Auto Ads guide.- Preview mode
- Add
?test=1to your page URL. Ads show with a TEST label. No impressions are recorded. - Debug mode
- Add
?debug=trueto your page URL. Open your browser console to view logs and placement decisions.
Manual Ads
Place ads exactly where you want them.
Each placement has its own script. Paste it into your HTML where the ad should appear.
<body>, not <head>.Create a placement and get your script
- Go to your HalalSpark Publisher Dashboard
- Click your website
- Open the Set Up Ads tab
- Select Manual Ads, choose an ad type, and complete the setup
- Copy your script from the final screen
If the placement already exists:
- Go to your website → Placements tab
- Click Copy next to the placement you want to install
<script src="https://ads.halalspark.co.uk/get-ad-script-banner?placement_id=YOUR_PLACEMENT_ID&domain=yourdomain.com&_v=3.0" async></script>domain= value must match your registered domain exactly.example.com and www.example.com are treated as different values. A mismatch will prevent ads from serving.Choose where the ad will go
Each placement type suits a different position on your page:
| Type | Best used for |
|---|---|
| Banner | In-content breaks, above or below sections |
| Header | Top of page, above navigation |
| Footer | Bottom of page, below main content |
| Inline | Inside articles, between paragraphs |
| Sidebar | Side columns |
Each type is sized by aspect ratio. HalalSpark serves the best-fitting creative automatically.
Paste the script in your HTML body
Open the HTML file for the page where the ad should appear. Paste the script inside <body>, at the exact position where the ad will render.
<body>
<header>...</header>
<main>
<article>
<h1>Your article title</h1>
<p>First paragraph...</p>
<!-- Ad appears here -->
<script src="https://ads.halalspark.co.uk/get-ad-script-banner?placement_id=YOUR_PLACEMENT_ID&domain=yourdomain.com&_v=3.0" async></script>
<p>Rest of article...</p>
</article>
</main>
</body><head>. They must be in the body at the exact position where the ad should appear.Repeat for each position
Each position requires its own placement in the dashboard and its own script in your HTML.
Multiple placements on the same page work independently.
- Preview mode
- Add
&test=1to the script URL. The ad renders with a TEST label. No impression is recorded. - Debug mode
- Add
&debug=1to the script URL. Open your browser console to see the targeting decision for that placement.
Ads not showing?
Work through this checklist before raising a support request.
Script placement
- Auto Ads script is inside
<head>, before</head> - Manual Ads scripts are inside
<body>at the position where the ad should appear - The
asyncattribute is present on the script tag - The script URL uses
ads.halalspark.co.uk
Domain & approval
- Your website is approved in your HalalSpark dashboard — the Set Up Ads tab only unlocks after approval
- The
domain=value matches your registered domain exactly —wwwprefix matters
Page rules & ad match
- The current page is not excluded by a page rule in your Auto Ads settings
- A placeholder ad means no paid campaign currently matches your content — this is normal and will resolve as more campaigns go live
Browser & extensions
- Disable ad blockers and privacy extensions, then reload
- Test in a private browsing window with all extensions off
Debug tools
- Auto Ads: add
?debug=trueto your page URL → open browser console - Manual Ads: add
&debug=1to the script URL → open browser console - DevTools → Network tab → filter for
halalsparkto check requests and responses