Introduction
For users running on Newsifier V2, managing ads has become much easier with the Buildifier tool. This feature allows you to integrate ads directly into various pages on your site through a visual interface in the admin panel.
Note: This help article is specifically for users on our V2 platform, which can be identified by the location of their admin panel at https://dashboard.exampledomain.com/.
Accessing the Ads Section
To begin, navigate to the Ads Website section in the admin panel. Here, you’ll see an overview of your possible ad placements. Look for the button labeled Go to Buildifier—this is where the site builder is located. By clicking this button, you’ll be taken to the Buildifier tool.
What is Buildifier?
Buildifier is a visual site builder that Newsifier opened up to customers, allowing them to manage ads directly on their site. It provides several options for customization, and we’ll go over the most important ones below.
At the top of the Buildifier page, you’ll see different options such as Settings, Global Scripts, Current Page Scripts, Meta Tags, and Head Links.
For ad management, we’ll focus on Global Scripts and Current Page Scripts.
Global Scripts
Global Scripts allow you to add ad scripts that will appear on every page of your website.
Click on Global Scripts, then select Add Script.
You’ll be prompted to fill in details such as ID, Strategy, Type, Origin, and Content.
The most important field here is Strategy. You have three options:
Before Interactive: The script loads before the page becomes interactive.
After Interactive: The script loads once the page has finished loading. This is the default setting.
Lazy Load: The script loads lazily, usually when the user scrolls or interacts further with the page. In many cases, this is the most efficient option.
For Type, choose between Link or Content, depending on the script provided by your ad provider:
If you receive a full script code, select Content and paste the code (without
<script>tags).If you receive a link to a script, select Link and paste the URL. You can use
async.
Once you’ve filled in the required information, click OK. The global script will now be added, and it will automatically be applied across all pages of your website.
Current Page Scripts
The process for Current Page Scripts is the same as for Global Scripts, except these are only applied to the specific page you're editing. This option is useful for adding scripts that should only appear on certain pages, such as a homepage or specific article page.
Managing Ads for Specific Pages
On the left-hand side of the Buildifier interface, you’ll see a list of all the different page types available on your site, including:
Home page
Article page
Tag page
Author page
User page
Search page
Profile page
For example, if you want to manage ads on your homepage:
Click on Home page from the list.
A visual representation of your current homepage will appear.
You can now insert ads by clicking on any existing item on the page. A + icon will appear at the bottom of the selected item, allowing you to add content either above or below it.
Inserting Ads
Once you’ve selected where to add an ad, click on the Add button and you’ll be presented with several options. If you’re using an ad agency account, the available options may be limited, but for this example, select Miscellaneous and then Raw HTML.
When adding a Raw HTML block, you’ll be able to:
Insert the HTML code for your ad.
Set the min-height for the ad, ensuring that it doesn’t cause layout shifts, and define the minimum height for when the ad is visible on mobile.
Once the HTML code is added and the height settings are defined, click Add, and the ad will be inserted into the page.
Additional Customizations
If you had to add some custom CSS, you can Access Custom CSS From
Buildifier > Settings > Custom CSS
Note: After making changes to the CSS, you need to request Newsifier to deploy the changes to reflect them on the live site.
Advanced Concepts on Buildifier Layout
Containers:
Organize components on the page. Width of ad positions depends on the container.
To show multiple ad positions in the same row, add containers first and then add _RAWHtml components inside them.
Choose the layout of the containers before adding components inside them.
Conclusion
The Buildifier tool in Newsifier V2 offers a flexible and user-friendly way to manage ads on your website. Whether you’re applying ads globally or to specific pages, this tool gives you control over how and where ads appear. By using Global and Current Page Scripts, along with options for inserting custom HTML ads, you can optimize your ad placements for better performance across your site.