All Collections
Publisher
Publisher Knowledge Base
How to: setup and integrate compare ad
How to: setup and integrate compare ad
S
Written by Sascha Hoffmann
Updated over a week ago

Compare d is a tool to compare multipel Offers in different topics.

We have this option:

  • mobile

  • DSL

To create a compare ad module you need a suite login.

Setup

You have two module for our compare ad solution

  • DSL

  • Mobile

Setup DSL

You need to navigate to you advanced tag and open your advanced tag.

You need to click on new module. In the new view you need to select in the first dropdown the option "compare-dsl"

After that you see the required or optional inputs fields

Required inputs

  • Name: set a clear name for which usecase you use this module

Optional

  • Providers: Filter by Provider

  • Technologies: Filter by Technologies

  • Download: Filter by Download Speed

  • Feel free to play around with the right color setting

Setup Mobile

You need to navigate to you advanced tag and open your advanced tag.

You need to click on new module. In the new view you need to select in the first dropdown the option "compare-mobile"

After that you see the required or optional inputs fields

Required inputs

  • Name: set a clear name for which usecase you use this module

  • Filter: switch on/off if the enduser can see the filter

  • Position: Define where is the filter

Optional Inputs

  • Sub Id: you own trackable string

  • multiple optional inputs as default configuration

  • Feel free to play around with the right color setting

Trigger

You need to add a specific trigger

If you select the dsl module then please add this trigger: compare ad - usecase dsl

If you select the module trigger then please add this trigger: compare ad - usecase mobile

Integration

You need a container in your webpage where we add the compare-ad table.

<div id="compare-ad"></div>

In the end of the page you need to add our tag ( you get this tag from the suite )

<script type="text/javascript" charset="utf-8" src="https://ad4m.at/XXXXXXX.js"></script>

as last point you need to add the dispatch

<script type="text/javascript" charset="utf-8">
advancedStoreTag.dispatch('compareAd', {
target: "#compare-ad",
type: "%%TYPE%%" // dsl or mobile
});
</script>

Full Example

<div id="compare-ad"></div>
<script type="text/javascript" charset="utf-8" src="https://ad4m.at/XXXXXX.js"></script>
<script type="text/javascript" charset="utf-8">
advancedStoreTag.dispatch('compareAd', {
target: "#compare-ad",
type: "dsl"
});
</script>

For the "mobile compare ad" there are optional parameter that you can set in the script:

// hows/hides our inlineAds 
inlinedAds?: true || false

// activates/deactivates the option to filter by phones
includeBundles?: true || false

// Only contracts by those providers will be shown
// example: ["1und1", "congstar"]
providerIncludes?: Array of allowed provider

// Contracts by those providers will not be shown
// example: ["1und1", "congstar"]
providerIncludes?: Array of not allowed provider

// only shown pho
// example: ["apple-iphone-13, "google-pixel-7-pro"]
phone?: Array of phones


​

Use either providerIncludes or providerExcludes. Both at the same time will not work.
The available names for the providers you can find in this list:
​provider-list

Use the phone list to use the parameter value in the phone attribute.

phone-list
​
Example

<div id="compare-ad"></div>
<script type="text/javascript" charset="utf-8" src="https://ad4m.at/XXXXXX.js"></script>
<script type="text/javascript" charset="utf-8">
advancedStoreTag.dispatch('compareAd', {
target: "#compare-ad",
type: "dsl",
includeBundles: true,
providerIncludes: ["1"und1, "congstar"],
phone: ["apple-iphone-13, "google-pixel-7-pro"]
});
</script>

Do you still need help? Please contact us

Did this answer your question?