Handleiding Vergelijkingsfeed -...

13
Handleiding Vergelijkingsfeed Versie 1.9 7 september 2014

Transcript of Handleiding Vergelijkingsfeed -...

Page 1: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding

Vergelijkingsfeed

Versie 1.9

7 september 2014

Page 2: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 2

Introductie

Hartelijk dank dat u voor de vergelijkingsfeed van BelkostenWijzer hebt gekozen. De

vergelijkingsfeed van BelkostenWijzer vergelijkt de meest actuele abonnementen op basis

van de wensen van uw bezoekers om het best passende mobiele telefoonabonnement te

vinden. Door de vele configuratiemogelijkheden kan de vergelijkingsfeed helemaal

toegespitst worden op uw doelgroep. Zo kunt u ervoor kiezen om alleen sim-only, alleen

abonnementen met toestel, of juist allebei te vergelijken. Ook kunt u kiezen om alleen

bepaalde merken of type toestellen te tonen. Dit kan handig zijn wanneer uw website gericht

is op alleen Android, Apple of Windows Phone. De mogelijkheden zijn eindeloos!

Door het partnerschap met Zanox bent u zeker van de meest actuele

abonnementsinformatie en een betrouwbaar betalingsverkeer. Zanox is het grootste affiliate

marketing netwerk van Europa en heeft jarenlange ervaring in de branche. Ook wanneer u al

klant van Zanox bent kunt u de vergelijkingsfeed van BelkostenWijzer gebruiken. Nieuwe

klanten zullen zich moeten aanmelden bij Zanox en maken dan direct gebruik van hun

diensten. BelkostenWijzer wenst u en vooral uw bezoekers veel plezier met de

vergelijkingsfeed.

Page 3: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 3

<iframe src="http://www.belkostenwijzer.nl/?whitelabelid=[WHITELABEL-USER-ID]&css=[CSS-

FILE]&wizard=[WIZ-MODE]" width="100%" style="max-width:990px; width:100%;border-width:0px;"

border="0" height="1200px" id="belkostenwijzerFrame"></iframe>

Vergelijkingsfeed toevoegen

De vergelijkingsfeed is zeer eenvoudig in iedere website te implementeren door de onderstaande

stappen te volgen. Mocht het toch onduidelijk zijn, dan kan onze ervaren technische afdeling

ondersteuning bieden.

Stap 1: Implementeren

Om de BelkostenWijzer vergelijkingsfeed op uw website te krijgen dient deze html-regel toegevoegd

worden aan de body van de broncode:

De volgende variabelen kunnen worden aangepast:

whitelabelid (whitelabelid=[WHITELABEL-USER-ID]): een uniek ID waarmee Zanox kan

identificeren waar de klik vandaan komt (heel belangrijk: niet wijzigen). Deze unieke ID zal via

de e-mail naar je worden gestuurd. Vervang [WHITELABEL-USER-ID] door uw unieke

Whitelabel user id.

Bijvoorbeeld: src="http://www.belkostenwijzer.nl/?whitelabelid=12345”

css (css=[CSS-FILE]): een (optionele) stylesheet die aan de vergelijkfeed toegevoegd wordt

om de opmaak aan te passen. Vervang [CSS-FILE] door de url naar het css-bestand van uw

keuze.

Bijvoorbeeld: src="http://www.belkostenwijzer.nl/?whitelabelid=12345&css=http://www.tempcss.nl/belkostenwijzer.css”

Wizard (wizard=[WIZ-MODE]): een (optionele) functie waarmee aangegeven kan worden of

uw bezoekers alleen sim-only abonnementen, alleen toestel, of beide worden getoond.

Vervang [WIZ-MODE] voor de waarde simonly of phone. Of haal wizard=[WIZ-MODE] weg

voor beide.

Bijvoorbeeld: src="http://www.belkostenwijzer.nl/?whitelabelid=12345&wizard=phone”

No_man (no_man=[MANUFACTURER_IDS]): een (optionele) functie waarmee het mogelijk

wordt om verschillende fabrikanten/merken uit het uitklapmenu in stap 1 te halen. Vervang

[MANUFACTURER_IDS] voor de id’s (komma gescheiden) van de fabrikanten.

Zie Bijlage 2 onderaan dit document, hierin staat een lijst van manufacturer ID’s.

Bijvoorbeeld: src="http://www.belkostenwijzer.nl/?whitelabelid=12345&no_man=44,50”

No_prod (no_prod=[PRODUCT_IDS]): een (optionele) functie waarmee het mogelijk wordt

om verschillende toestellen uit het uitklapmenu in stap 1 te halen. Vervang [PRODUCT_IDS]

voor de id’s (komma gescheiden) van de verschillende toestellen.

Zie Bijlage 3 onderaan dit document, hierin staat een lijst van product ID’s.

Bijvoorbeeld: src=http://www.belkostenwijzer.nl/?whitelabelid=12345&no_prod=170,165,151

Page 4: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 4

No_shop (no_shop=[SHOP_IDS]): een (optionele) functie waarmee het mogelijk wordt om

verschillende winkels uit de resultaten te halen. Vervang [SHOPIDS] voor de id’s (komma

gescheiden) van de verschillende winkels.

Zie Bijlage 1 onderaan dit document, hierin staat een lijst van shop ID’s.

Bijvoorbeeld: src=http://www.belkostenwijzer.nl/?whitelabelid=12345&no_shop=7,52

Voorgeselecteerde telefoon: Het is mogelijk om een telefoon voor te selecteren. Dit doe je

door tussen .nl/ en ? het volgende te zetten: /abonnement-vergelijken/[Telefoon-Naam]. De

telefoon naam is de naam van de telefoon met streepjes (-) ertussen. Indien deze niet werkt,

kan je een e-mail sturen, dan zullen wij de juiste naam opsturen.

Bijvoorbeeld: src="http://www.belkostenwijzer.nl/abonnement-vergelijken/Samsung-Galaxy-S-3-

blauw/?whitelabelid=12345”

Page 5: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 5

<script type="text/javascript">

window.addEventListener("message", function(event) {

var data = event.data.split(",");

var width = data[0];

var height = data[1];

setWidthHeightFrame(parseFloat(width), parseFloat(height));

});

function setWidthHeightFrame(w, h)

{

var frame = document.getElementById("belkostenwijzerFrame");

frame.style.width = "" + w + "px";

frame.style.height = "" + h + "px";

}

</script>

<script type="text/javascript" src="http://www.belkostenwijzer.nl/images/vergelijk/Vergelijkfeed.js">

</script>

Stap 2: Configureren

Het is mogelijk om de hoogte van het iframe automatisch te laten aanpassen (zodat er geen scrollbar

op uw website komt te staan), daarvoor moet u de volgende javascript file toevoegen:

Indien u zelf de code wilt aanpassen, of naamgevingen wilt aanpassen, dan kunt u ook zelf het script

toevoegen aan uw code (geavanceerd!):

Page 6: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 6

Contact

Mochten er vragen zijn naar aanleiding van deze handleiding of mocht het niet lukken om de

vergelijkingsfeed goed op uw website te krijgen, neem dan contact op via

[email protected]

BelkostenWijzer streeft ernaar om de vergelijkingsfeed verder te ontwikkelen en is daarom

benieuwd naar de ervaringen. Dus heeft u suggesties of verbeterpunten, voel uzelf dan vrij om

contact met ons op te nemen. Dat kan via +31 (0)30 – 2600 600 of [email protected]

Page 7: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 7

Bijlage 1: lijst shop ID’s

ID Benaming

7 Smartphoneshop.nl 10 Telfort 13 MTV Mobile 19 GSM Topdeal 22 Dealdirect 25 Ben.nl 28 Hi.nl 31 KPN.com 34 T-Mobile.nl 37 Hollandsnieuwe.nl 40 Belsimpel.nl 48 Studentmobiel.nl 52 Typhone.nl 55 Algebed.nl 58 GSMWijzer.nl

Page 8: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 8

Bijlage 2: lijst manufacturer ID’s

ID Benaming

60 Acer 55 Alcatel 70 Android Top 5 budget toestellen 66 Android Top 5 high-end toestellen 67 Android Top 5 mid-range toestellen 44 Apple 72 Archos 74 Basis Toestellen 50 BlackBerry 64 Emporia 57 Google 45 HTC 59 Huawei 46 LG 61 Motorola 47 Nokia 73 RugGear 48 Samsung 49 Sony

Staat het merk er niet bij, dan is het mogelijk om deze zelf te achterhalen. Dit kan door middel van

een tool als FireBug (voor FireFox) of Webdeveloper Toolkit (Internet Explorer). Door op F12 te

drukken in de browser opent deze plugin (soms is een download nodig).

Page 9: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 9

Bijlage 3: lijst product ID’s

ID Telefoon

Acer 342 Acer Allegro 185 Acer Liquid E1 Duo 190 Acer Liquid E2 189 Acer Liquid E2 Duo 265 Acer Liquid E3 323 Acer Liquid E3 Duo 343 Acer Liquid E700 344 Acer Liquid Glow 192 Acer Liquid S1 Duo 345 Acer Liquid Z200 Duo 194 Acer Liquid Z3 195 Acer Liquid Z3 Duo 196 Acer Liquid Z4 197 Acer Liquid Z5 198 Acer Liquid Z5 Duo Alcatel 244 Alcatel One Touch Alpha 237 Alcatel One Touch Hero 387 Alcatel One Touch Idol 2 Mini S 348 Alcatel One Touch Idol 2 S 389 Alcatel One Touch Idol Mini 238 Alcatel One Touch Idol Silver 349 Alcatel One Touch Idol Ultra 388 Alcatel One Touch Pop D5 346 Alcatel One Touch S3 200 Alcatel One Touch Star Silver 390 Alcatel One Touch X'Pop 266 Alcatel Pop C1 239 Alcatel Pop C3 240 Alcatel Pop C5 255 Alcatel Pop C7 325 Alcatel Pop C9 186 One Touch Idol Mini Dual Sim Apple 13 Apple iPhone 4S 8GB 103 Apple iPhone 5 16GB 286 Apple iPhone 5C 16GB 256 Apple iPhone 5C 32GB 147 Apple iPhone 5C 8GB 148 Apple iPhone 5S 16GB 287 Apple iPhone 5S 32GB 288 Apple iPhone 5S 64GB 378 Apple iPhone 6 16 GB 379 Apple iPhone 6 32 GB 380 Apple iPhone 6 64 GB Archos

Page 10: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 10

370 Archos 40 Titanium 371 Archos 40 Titanium 372 Archos 50 Helium 4G 375 Archos 50c Oxygen BlackBerry 201 Blackberry 9720 135 Blackberry Q10 153 Blackberry Q5 112 Blackberry Z10 243 Blackberry Z30 Emporia 381 Emporia Click Plus 258 Emporia Solid Plus Google 329 Google Nexus 5 16 GB 330 Google Nexus 5 32 GB HTC

202 HTC Desire 300 203 HTC Desire 310 204 HTC Desire 500 326 HTC Desire 516 155 HTC Desire 601 262 HTC Desire 610 263 HTC Desire 816 352 HTC Desire X Dual Sim 335 HTC One M7 301 HTC One M8 227 HTC One Max 154 HTC One Mini Huawei 187 Ascend Huawei G510 206 Huawei Ascend G525 312 Huawei Ascend G6 268 Huawei Ascend G610 207 Huawei Ascend G700 269 Huawei Ascend G750 223 Huawei Ascend Mate 313 Huawei Ascend P6 270 Huawei Ascend P7 251 Huawei Ascend W2 229 Huawei Ascend Y210 208 Huawei Ascend Y300 271 Huawei Ascend Y330 230 Huawei Ascend Y530 LG 171 LG G Flex 314 LG G2 16GB 292 LG G2 32GB 299 LG G2 Mini 296 LG G3

Page 11: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 11

333 LG G3 32GB 332 LG G3 S 209 LG L40 83 LG L7 II 210 LG L70 347 LG L80 211 LG L90 172 LG Optimus F6 4G 232 LG Optimus G 133 LG Optimus L3 2 87 LG Optimus L5 158 LG Optimus L5 2 272 LG Optimus L9 2 Motorola 274 Motorola Atrix 275 Motorola Defy 284 Motorola Moto E 290 Motorola Moto G 16GB 315 Motorola Moto G 8GB 291 Motorola Moto X 16GB 316 Motorola Moto X 8GB 337 Motorola Razr i XT 890 Nokia 136 Lumia 520 160 Lumia 925 260 Nokia 501 150 Nokia Lumia 1020 252 Nokia Lumia 1320 174 Nokia Lumia 1520 354 Nokia Lumia 530 159 Nokia Lumia 625 253 Nokia Lumia 630 382 Nokia Lumia 630 Dual Sim 254 Nokia Lumia 635 327 Nokia Lumia 930 RugGear 386 RugGear RG100 385 RugGear RG300 383 RugGear RG500 384 RugGear RG700 Samsung 261 Samsung B2710 279 Samsung Galaxy Ace 2 246 Samsung Galaxy Ace 3 336 Samsung Galaxy Ace 4 392 Samsung Galaxy Ace NXT 338 Samsung Galaxy Ace Style 377 Samsung Galaxy Alpha 214 Samsung Galaxy Core 339 Samsung Galaxy Core 2

Page 12: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 12

356 Samsung Galaxy Core 2 Dual Sim 358 Samsung Galaxy Core Dual Sim 393 Samsung Galaxy Core g386f 4G 359 Samsung Galaxy Core Plus 165 Samsung Galaxy Express 215 Samsung Galaxy Fame 247 Samsung Galaxy Fame Lite 340 Samsung Galaxy Grand 2 216 Samsung Galaxy Grand Neo 304 Samsung Galaxy Note 3 396 Samsung Galaxy Note 3 Neo 248 Samsung Galaxy Pocket Neo 369 Samsung Galaxy Pocket Plus 362 Samsung Galaxy S Duos 363 Samsung Galaxy S Duos 2 134 Samsung Galaxy S2 Plus 74 Samsung Galaxy S3 16GB 98 Samsung Galaxy S3 Mini 395 Samsung Galaxy S3 Neo 317 Samsung Galaxy S4 294 Samsung Galaxy S4 Active 300 Samsung Galaxy S4 Mini 368 Samsung Galaxy S4 VE 4G 167 Samsung Galaxy S4 Zoom 318 Samsung Galaxy S5 321 Samsung Galaxy S5 Mini 217 Samsung Galaxy Star 164 Samsung Galaxy Trend Lite 280 Samsung Galaxy Trend Plus 163 Samsung Galaxy X Cover 2 64 Samsung Galaxy Y 162 Samsung Galaxy Young 341 Samsung Galaxy Young 2 364 Samsung Galaxy Young 2 Dual Sim Sony 144 Sony Xperia E 365 Sony Xperia E Dual Sim 218 Sony Xperia E1 366 Sony Xperia E1 Dual Sim 281 Sony Xperia J 219 Sony Xperia L 224 Sony Xperia M 367 Sony Xperia M Dual Sim 225 Sony Xperia M2 143 Sony Xperia SP 328 Sony Xperia T3 394 Sony Xperia V 113 Sony Xperia Z 235 Sony Xperia Z Ultra 152 Sony Xperia Z1

Page 13: Handleiding Vergelijkingsfeed - whitelabel.zanox.comwhitelabel.zanox.com/home/wp-content/uploads/2015/03/... · Handleiding Vergelijkingsfeed Versie 1.9 |© 7 september 2014 2 Introductie

Handleiding Vergelijkingsfeed

Versie 1.9 |© 7 september 2014 13

311 Sony Xperia Z1 Compact 319 Sony Xperia Z2

Staat de telefoon er niet bij, dan is het mogelijk om deze zelf te achterhalen. Dit kan door middel van

een tool als FireBug (voor FireFox) of Webdeveloper Toolkit (Internet Explorer). Door op F12 te

drukken in de browser opent deze plugin (soms is een download nodig).

Selecteer eerst een merk om vervolgens het element te inspecteren, zie screenshot.