Discover the immense flexibility of Divi by Elegant Themes—an interactive platform designed for creating captivating news, magazine, and blog websites. Divi caters to both design enthusiasts and non-programmers, providing an extensive palette of design elements.
Elegant Themes offers dedicated themes like Divi and Extra as well as the Divi Builder plugin. While using these themes negates the necessity of the plugin due to their integrated builder functions, it’s important to highlight that the Divi Builder plugin integrates into any WordPress theme.
This comprehensive tutorial will guide you in leveraging Divi’s native ad management features. We’ll explore predefined ad slots, dig into precise user targeting options, and understand the limitations of ad insertion within Divi.
I will demonstrate how to effortlessly integrate the Advanced Ads plugin, streamlining your ad management with its expert features and unmatched flexibility. Join us on a journey to enhance your ad integration effectively with Divi and Advanced Ads!
Table of Contents
Exploring Divi theme’s integrated advertising features
To access the advertising options within the Divi theme, navigate to Dashboard > Divi > Theme Options > Ads on the backend of your WordPress site. This holds true even if you use another theme alongside the Divi Builder plugin. You can enable a designated “Single Post 468×60 banner” ad space within the Divi ad settings.
Divi provides the choice to input the image source URL of a banner image ad and define a target URL. Moreover, you can alternatively embed the code for a Google AdSense unit in this spot. Don’t be misled by the title “input 468×60 AdSense code”—you can insert the ad code of a responsive ad, not limited to a fixed-sized banner.
Regardless of whether you opt for a banner ad or an AdSense ad unit, Divi will display the ad unit at the bottom of each post.
At this point, we’ve covered all the display-specific functionalities of the Divi theme. Elegant Themes offers custom code in their manual, allowing you to manually insert these ads above and within your content, offering additional customization.
However, for a more flexible ad integration experience, Advanced Ads is the way to go. Further down this article, I’ll demonstrate how you can significantly expand your ad embedding options using Advanced Ads, greatly enhancing the monetization potential of your Divi website.
Exploring the built-in ad options of the Extra theme
Extra, Elegant Themes’ sibling to Divi, is a powerhouse tailored for magazine-style designs. Leveraging the Divi Builder, Extra offers a bit more advertising capabilities than Divi. In addition, you can create individual templates for your homepage and category pages containing a dedicated ad module.
Extra Theme ad options
Access the theme ad options via Dashboard > Extra > Theme Options > Ads. At first glance, the ad options within the Extra theme might not immediately stand out from those of Divi. You can still define an image URL, set a link target, or integrate an AdSense code. However, a notable addition comes in the form of a checkbox, introducing the ability to transform fixed-size Google AdSense ads into a responsive format comfortably.
The proper distinction lies in the array of available ad spaces. While Divi primarily allowed ad injection at the page’s base, Extra takes a step forward. It lets you choose from a few strategic ad spaces: headers, footers, and before or after the content. This broadens your horizon of ad positioning quite a bit.
While these additions represent progress in available choices, the truth remains that the scope of ad management swiftly hits its constraints.
Category Builder
To access the Category Builder, navigate to Dashboard > Extra > Category Builder. This tool empowers you to craft personalized templates for category pages and the homepage, seamlessly leveraging the Divi Builder.
Within this tool, a novel “Ads” element appears in the module selection—unavailable while editing individual pages.
Here, you can design your ad with the assistance of a Rich Text editor. Additionally, you can upload and link images for an image-based advertisement. In the module’s Advanced tab, you gain control over ad visibility, enabling conditions that tailor its display, even allowing concealment on mobile devices. However, I’ll delve into why this option can pose challenges later.
Conclusion: Native integration of ads into Divi and Extra theme
Ad integration within the Divi and Extra themes reveals certain limitations. Extra, primarily by offering more ad placements, outshines Divi, which only provides a single ad spot at the page’s bottom without further technical adjustments.
Moreover, both themes exhibit limitations regarding the types of ad code that you can insert. If your requirements extend beyond image banners or Google AdSense ads to encompass ad codes from diverse networks like Amazon or Booking.com, the options within these themes cannot help you.
For those seeking to manage intricate ad setups involving rotations, split tests, and precise targeting, employing a dedicated plugin such as Advanced Ads emerges as the optimal solution.
In the ensuing section, we’ll systematically delve into the ad options, showcasing how Advanced Ads effectively addresses the tasks Divi fails to handle adeptly.
Enhancing ad integration in Divi using Advanced Ads
Numerous features of Advanced Ads described in this section are available in the free plugin version. However, certain functions, such as advanced targeting, tracking, or specific features like Click Fraud Protection or Anti-AdBlocker options, are exclusive to Advanced Ads Pro.
In the next section, we’ll meticulously navigate the ad options. I’ll illustrate the tasks Advanced Ads excels at, which Divi might not handle optimally. Additionally, we’ll explore how you can nevertheless leverage Divi to animate your ads, rendering them more captivating.
Utilizing placements
Extra and Divi confine their ad spaces to individual ads, lacking support for ad groups that are crucial for ad rotations or split tests. Therefore, utilizing the Advanced Ads placements instead of the theme’s ad spots is highly recommended. Additionally, Advanced Ads placements unlock the activation of several additional features.
Substituting ad spots with placements
I recommend replacing each ad spot with an Advanced Ads placement for websites with existing ads embedded using the Extra or Divi theme options. Below is a table showcasing the equivalents of the themes’ ad spots.
| Extra ad spots | Divi ad spots | Recommended Advanced Ads placements |
| Below Post | Below Post | After Content |
| Header | Manual Placement or Custom Position placement | |
| Below Header | Manual Placement or Custom Position placement | |
| Footer | Manual Placement or Sidebar Widget | |
| Above Post | Before Content |
Enhanced ad management
Ad management within the Divi or Extra theme comes with constraints, offering only a fixed number of ad slots. However, Advanced Ads breaks down these limitations and presents many possibilities. This plugin allows you to craft unlimited ad placements and schedule ads as per your preferences.
This newfound flexibility liberates you from the confines of injecting a sole ad unit into your content. Instead, you can smoothly integrate multiple ad positions or configure automatic repetitions. The placement page provides a clear, comprehensive overview of your ad setup.
In contrast to Divi’s restricted ad integration, where you could assign only a single ad unit per slot, Advanced Ads empowers you with a suite of tools to diversify your ad placements. Showcase various ads within the same spots, set up ad rotations, create engaging ad sliders, and conduct insightful split tests to refine your ad performance.
Integration of Advanced Ads with the Divi Builder
Integrating ads from Advanced Ads directly into your Divi builder page is straightforward. Add a code element to your design and insert the shortcode of an ad, ad group, or manual placement there. That’s it. Find these shortcodes on their respective ad, ad group, and placement overview pages.
For a single ad, the shortcode is all you need. However, if you anticipate future adjustments to the ad position, it’s advisable not to use the shortcode of a single ad. Instead, create a distinct manual placement for this spot in Advanced Ads and insert its shortcode into the Divi code element. This approach ensures effortless modifications and keeps your ad management streamlined and efficient.
Navigating Divi’s user and content-targeting features
In the Divi builder, you have the ability to assign conditional rules to each element within your template or page, specifying when and where they should be displayed. This logic is quite similar to Advanced Ads’s Display and Visitor conditions.
However, a crucial distinction exists. Divi hides elements that don’t meet these conditions but loads their code! This can artificially inflate impression numbers, skewing click-through rates (CTR), and unnecessarily prolong website load times. Furthermore, an integration that artificially conceals ads using Divi Conditions may infringe upon the policies of specific ad networks, such as Google AdSense.
One effective resolution is to bypass Divi Conditions and instead apply Advanced Ads’ Display and Visitor Conditions to your ads or placements. Doing so ensures that ads slated for non-display are never loaded, providing a compliant and more economic solution. This strategic move can significantly improve your ad performance and maintain adherence to network policies.
Refining ad targeting with Advanced Ads conditions
The fusion of Advanced Ads with Divi gives you a potent arsenal for pinpoint ad targeting. Advanced Ads’ Display conditions grant you the precision to seamlessly direct your ads to specific content based on category, tags, author, keywords, URL parameters, or content age.
Furthermore, Visitor conditions allow you to specifically target user segments, encompassing user roles, memberships, device types, browser widths, referral URLs, geo-locations, and more.
By harnessing these versatile conditions, you can tailor your ad targeting to match your content and cater to distinct user groups. This level of fine-tuning significantly enhances ad performance, ultimately translating to increased revenue.
For those already utilizing Divi’s conditions and visibility options, refer to the table below to see how Advanced Ads’ conditions effectively supersede them.
| Disable ad options in Divi | Equvivalent Advanced Ads conditions |
| visibility on phone, tablet, or desktop | Device/Browser width |
| Post Type | Post Type |
| Post Category | Categories |
| Post Tag | Tags |
| Author | Author |
| Custom Field | Post Meta |
| Tag Page | Archive: Tag |
| Category Page | Archive: Category |
| Date Archive | Content Age |
| Search Results | General Conditions, URL-Parameter |
| Posts | Specific Pages |
| Pages | Specific Pages |
| Media | URL-Parameter |
| Logged-In Status | Logged-in Visitor |
| User Role | User Role |
| Page Visit | Page Impressions |
| Number of Views | Ad Impressions |
| Cookie | Cookie |
| URL Parameter | URL Parameter |
| Browser | User Agent |
| Operating System | User Agent |
| Date & Time | Ad scheduling options |
Unlock additional income potential with Pro features
Once you’ve gotten used to efficiently and conveniently managing your ads with Advanced Ads, you might be ready to take the next step. Take your ad management capabilities to the next level by harnessing powerful Pro features that turbocharge your ad performance. These robust functionalities include:
- Ad Tracking: Dive into detailed statistics to understand your ads’ performance.
- Expanded Placements: Explore a wealth of additional placement options, from Anchor to Parallax ads.
- Click Fraud Protection: Shield your ads from fake clicks, securing your hard-earned revenue.
- Lazy Loading: Optimize page speed and enhance user experience with efficient lazy loading.
- AdBlocker features: Bridge the earnings gap by implementing ads that work even with AdBlockers.
- Integrations: Effortlessly connect with networks like Google Ad Manager and various popular WordPress plugins, e.g., BuddyBoss.
- AMP support: Ensure smooth compatibility with Accelerated Mobile Pages (AMP).
All these powerful features are accessible through Advanced Ads Pro and various valuable add-ons. Consider upgrading to the All Access license for the complete ad toolbox.
Using Divi tools to animate your ads
In this tutorial, our focus has primarily been on leveraging Advanced Ads features to integrate with Divi seamlessly. Now, let’s briefly explore a notable Divi feature that can enhance the visibility of Advanced Ads injections: animations.
Divi allows you to animate any element you add to your design. To activate this feature, edit the desired element and navigate to Section Settings > Design > Animation.
Here, you can select from various animation styles like Fade, Slide, Bounce, Zoom, Flip, Fold, Roll.
Once you’ve chosen a style, you can further customize the animation effect by adjusting parameters such as Duration, Delay, Repeat, Direction, Opacity, or Intensity, depending on the animation effect you’re aiming for.
Leveraging these animations can make the ads you’ve integrated into your Divi template using the code element more eye-catching and potentially enhance their performance.
However, the excessive use of animations can hurt your overall website design. Moreover, remember that specific ad networks like Google AdSense may prohibit this modified integration.
Conclusion: Unlocking the full potential of Divi with Advanced Ads
This guide has delved into the ad integration within the Divi theme, shedding light on its strengths and limitations. While Divi lays a decent foundation, its intricacies, ad spot limitations, and targeting constraints can impede your monetization goals.
Enter Advanced Ads—a plugin that takes ad integration to the next level within Divi, Extra themes, and the Divi builder plugin itself. Advanced Ads opens up further possibilities, allowing unlimited placements, effortless ad rotations, and smooth split tests. Moreover, it refines ad targeting to specific content and user groups, leading to heightened ad performance and increased revenues.
As you embark on your journey to monetize your Divi website, keep this guide in mind. With Advanced Ads, you can overcome the theme’s limitations and thrive in ad integration, fully unlocking your website’s earning potential.