How to embed Ads into a Quiz

Quizzes are a tried and tested element for imparting or testing knowledge on websites or entertaining users in a playful way.

An excellent feature of quizzes is that users who interact with them stay longer on the same part of the website. This behavior offers the chance for ads to attract the users’ attention in the viewing area.

In this tutorial, you’ll learn how to integrate ads into a quiz you’ve already created and monetize it that way.

Placing ads in a quiz

There are quite a few different WordPress plugins that you can use to create quizzes. 

First and foremost, these include dedicated quiz plugins like Quizmaker or WP Quiz. In addition, you can also use most form builders such as Gravity Forms or Forminator to create quizzes.

If you want to integrate ads into an existing quiz, you should ensure that these ads are visible when the user is quizzing. Positions above or below the quiz are predestined and give the ads the highest possible visibility.

Ad in a WordPress quiz
The banner will be visible while the user interacts with the quiz.

Furthermore, ads in the middle of the form, e.g., above the Next buttons, are also conceivable depending on the plugin you use.

Adjusting the Custom Position placement

Only very few quiz plugins offer dedicated options for embedding ad codes. Therefore, the Custom Position placement that comes with Advanced Ads Pro is the most convenient tool to place ads flexibly above, below, or even in the middle of a quiz. 

To insert an ad with the Custom Position placement at the desired location, you can use the frontend picker that you can select in the placement settings. 

Furthermore, you can also directly specify the elements before or after the quiz ads should be inserted.

To identify these elements, open your browser tools and navigate to the frontend of your website. Copy the selector where you want to inject the ads and specify it in the placement settings.

How to integrate ads into a quiz
Use the browser tools to find and copy the preferred selector and inject the Custom Position placement to embed an ad there.

Further down in this tutorial, you will find sample settings for the most popular quiz plugins.

Rotating different quiz ads

Most quiz plugins work so that users click from one question to the next. In this process, only the quiz content is reloaded with each new question, but not the entire page.

This behavior is good for usability, but it’s challenging for ad integration because ads aren’t reloaded either. 

But with Advanced Ads, despite this peculiarity, you can show multiple ads on the same spot, regardless of the reloaded quiz content.

To do this, you need to organize your ads into an ad group and include it as an Ad Slider or as an auto-refreshing group.

Then, you can define the intervals after which Advanced Ads automatically reloads the ads for these options. 

To do this, proceed as follows:

  1. Create a new ad group.
  2. Add the ads you want to appear. 
  3. Select either the Ad Slider or the Refresh function in the group settings. 
  4. Then set the refresh interval or slider delay depending on the option you choose.
Ad Slider settings
Example for an ad slider that should rotate the ads in relatively slow intervals.

Because this ad rotation is visible the entire time the user spends with the quiz, I would set a longer ad duration that is less intrusive and does not distract the user too much.

Integrating Google AdSense ads into quizzes

Google AdSense does not prohibit the integration of ads in quizzes. However, the Google AdSense ad placement policies restrict their implementation. 

Thus, the use of AdSense ads in a slider is not allowed. Furthermore, auto-refreshing AdSense ads violate the guidelines. Therefore you should not include AdSense ads in your quiz in this way.

However, you could place a static AdSense ad unit under a quiz instead. If that’s not enough, there is also space for a rotating group without AdSense ads above the quiz.

Google AdSense ads in a quiz
You can monetize your quiz with Google AdSense ads under certain conditions.

The following section will show you examples and settings for integrating quiz ads into popular plugins.

Ads in Quizmaker

The Quizmaker plugin allows you to create quizzes in WordPress easily. You can extend the plugin’s options by upgrading to a Pro version. But even with the free version, you can achieve a lot.

You can integrate ads directly above and below the quiz using the Custom Position placement.

Ads in a Quizmaker quiz
Example for quiz ads in a Quizmaker quiz

To place ads on these positions, use the .ays-quiz-container class.

Select the “Inside, before other content” option to inject banners above the quiz or “Inside, after other content” to embed them below.

Settings Custom Position placement
Custom Position placement settings

Ads in WP Quiz

Another well-known but not very well-rated plugin is WP Quiz.

You can inject ads above or below these quizzes. The selector you specify for this in the placement settings is class .wq-quiz.

Settings of the custom position placement
Settings of the Custom Position placement to below forms built with WP Quiz

Unlike other quiz plugins, the pro version allows you to insert ads between questions. These adverts appear when a user navigates to the following question and reloads the quiz content.

You can repeat these ad positions. So, you can, for example, inject them after every third question in a cascade of 10 quiz questions in total.

Ad in a quiz between questions
WP Quiz Pro allows embedding ads between questions.

You can set this injection in the WP Quiz Pro settings. There you can paste the ad code directly into a dedicated field.

However, WP Quiz Pro can also interpret shortcodes at this point. Therefore, you are much more flexible if you insert the shortcode of an ad, ad group, or a Manual placement for these ads instead of pasting any ad codes there. Because this way, you can still manage your ad setup from the placement page later on.

WP Quiz Pro ad settings
Adding a shortcode of Advanced Ads to the WP Quiz Pro settings

With this integration, the ads are loaded directly between the questions. The plugin does not hide them via CSS.

Ads in Forminator

When you start a Forminator quiz, the page moves automatically so that the quiz question is at the top of the page.

This behavior causes ads you place directly above the form to not appear in the screen’s visible area.

Therefore, it is advisable to integrate ads below Forminator’s quizzes. Your banners will always remain in the visible area for all quiz questions and the displayed answers and results this way.

Ad in a Forminator quiz

To place ad units under the quiz, inject them with the Custom Position placement after the .forminator-quiz class.

If you choose the “inside, after other content” option for the same settings, you will insert the ads above the Next buttons.

Custom Position placement settings

Ads in Quiz and Survey Maker

For quizzes created with the Quiz and Survey Maker plugin, the page does not move when a user starts a quiz.

Therefore, the positions above the quiz have a bigger chance to stay in the visible screen area.

Ad in a quiz from Quiz and Survey Maker

To inject ads above or below the quiz form, use the class .qsm-quiz-container.

Custom Position Placement settings

If your ads are not very high, they can fit nicely between the quiz questions and the navigation buttons. You achieve this position above the class .qmn_pagination.

Ads in Gravity Forms

If you have created your quiz with Gravity Forms and the Quiz add-on, you can use the .gform_wrapper class to integrate your ads above or below.

Your ads will get even more attention if you put them between the quiz questions and the submit button. To inject the Custom Position placement into this spot, use the .gform-body class in the placement settings and select the “below” option.

Ad unit in a quiz built with Gravity Forms

Start monetizing your quiz with Advanced Ads now and increase your income.

Joachim

Joachim started marketing his first local news website in 2009. Shortly after, he successfully monetized his travel blogs about Morocco. He is an expert in affiliate marketing in the tourism and travel industry. When he's not writing tutorials for Advanced Ads or supporting other users, he prefers staying in Marrakech or at the Baltic Sea.

Make it better

Increase your ad management skills without spending more time.
Join over 150,000 publishers and AdOpts increasing their ad revenue.