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

[email protected]