HOW TO USE A QUIZWIZARDS QUIZ ON YOUR SITE OR IN YOUR AD-MANAGER

Ensure you have an account set up. You can do this by contacting sales@quizwizards.com

Rich Media Deployment

  • Build your quiz in the dashboard a you would any other format.
  • Download the Rich Media Creative. (Max file size depending on the ad-server is 150KB- 200KB). Polite loading maintains file size integrity.
  • Select the target audience in your ad-server based on your campaign requirements.
  • Deploy Quiz Wizards in an RTB or Programmatic environment using our HTML5 IAB Compliant platform.
  • Quiz Wizards has been tested with most DSP’s and publishers. DFP, Centro, DFA and more.
  • Quiz will deploy as a Rich Media Banner; 300 x 600, where the user plays the quiz in-banner with no re-direct needed from the publisher page.
how-it-work-quiz

Embed the Quiz on Your Site. Install  the Quiz Wizards Library in the <HEAD>  or the body of your page

<html>
<head>
<script src=”https://www.quizwizards.com/embed.js”></script>
</head>
<body>  … </body>
</html>

Then place the following code into the body of the page where you would like the quiz to show:

<script>
quizwizardsEmbed({
namespaceName: ‘ quiz-wizards-sample-quiz ‘,
quizName: quiz-wizards-fall-quiz,
});
</script>

You have a variety of embed styles available to choose from to suit your requirements

You can inject the quiz into your own element

<script>

quizwizardsEmbed({
namespaceName: ‘quiz-wizards-sample-quiz‘,
quizName: ‘quiz-wizards-fall-quiz‘,
targetSelector: ‘.foo’,
});
</script>

<div class=”foo” style=”background-color: red; padding: 16px; “></div>

You can have a button to trigger a modal experience

<script>
quizwizardsEmbed({
namespaceName: ‘quiz-wizards-sample-quiz‘,
quizName: ‘quiz-wizards-fall-quiz‘,
type: ‘modal’,
});
</script>

You can control the color of the button

<script>
quizwizardsEmbed({
namespaceName: ‘quiz-wizards-sample-quiz‘,
quizName: ‘quiz-wizards-fall-quiz‘,
type: ‘modal’,
buttonColorHex: ‘#FF1493’,
});
</script>

You can present a large banner with a call to action

<script>
quizwizardsEmbed({
namespaceName: ‘quiz-wizards-sample-quiz‘,
quizName: ‘quiz-wizards-fall-quiz‘,
type: ‘modal’,
backgroundImageUrl: ‘<URL_OF_BANNER_BACKGROUND_IMAGE>’,
});
</script>

You can have a small clickable banner

<script>
quizwizardsEmbed({
namespaceName: ‘quiz-wizards-sample-quiz‘,
quizName: ‘quiz-wizards-fall-quiz‘,
type: ‘modal’,
backgroundImageUrl: ‘<URL_OF_BANNER_BACKGROUND_IMAGE>’,
banner: true,
});
</script>

Have the quiz forget plays


<script>
quizwizardsEmbed({
namespaceName: ‘quiz-wizards-sample-quiz‘,
quizName: ‘quiz-wizards-fall-quiz‘,
incognito: true,
});
</script>