Handleiding Vergelijkingsfeed
Versie 1.9 7 september 2014
Handleiding Vergelijkingsfeed
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.
Versie 1.9 |© 7 september 2014
2
Handleiding Vergelijkingsfeed
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: <iframe src="http://www.belkostenwijzer.nl/?whitelabelid=[WHITELABEL-USER-ID]&css=[CSSFILE]&wizard=[WIZ-MODE]" width="100%" style="max-width:990px; width:100%;border-width:0px;" border="0" height="1200px" id="belkostenwijzerFrame">
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
Versie 1.9 |© 7 september 2014
3
Handleiding Vergelijkingsfeed
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-3blauw/?whitelabelid=12345”
Versie 1.9 |© 7 september 2014
4
Handleiding Vergelijkingsfeed
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: <script type="text/javascript" src="http://www.belkostenwijzer.nl/images/vergelijk/Vergelijkfeed.js">
Indien u zelf de code wilt aanpassen, of naamgevingen wilt aanpassen, dan kunt u ook zelf het script toevoegen aan uw code (geavanceerd!): <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"; }
Versie 1.9 |© 7 september 2014
5
Handleiding Vergelijkingsfeed
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]
Versie 1.9 |© 7 september 2014
6
Handleiding Vergelijkingsfeed
Bijlage 1: lijst shop ID’s
ID 7 10 13 19 22 25 28 31 34 37 40 48 52 55 58
Benaming Smartphoneshop.nl Telfort MTV Mobile GSM Topdeal Dealdirect Ben.nl Hi.nl KPN.com T-Mobile.nl Hollandsnieuwe.nl Belsimpel.nl Studentmobiel.nl Typhone.nl Algebed.nl GSMWijzer.nl
Versie 1.9 |© 7 september 2014
7
Handleiding Vergelijkingsfeed
Bijlage 2: lijst manufacturer ID’s ID 60 55 70 66 67 44 72 74 50 64 57 45 59 46 61 47 73 48 49
Benaming Acer Alcatel Android Top 5 budget toestellen Android Top 5 high-end toestellen Android Top 5 mid-range toestellen Apple Archos Basis Toestellen BlackBerry Emporia Google HTC Huawei LG Motorola Nokia RugGear Samsung 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).
Versie 1.9 |© 7 september 2014
8
Handleiding Vergelijkingsfeed
Bijlage 3: lijst product ID’s ID Acer 342 185 190 189 265 323 343 344 192 345 194 195 196 197 198 Alcatel 244 237 387 348 389 238 349 388 346 200 390 266 239 240 255 325 186 Apple 13 103 286 256 147 148 287 288 378 379 380 Archos
Telefoon Acer Allegro Acer Liquid E1 Duo Acer Liquid E2 Acer Liquid E2 Duo Acer Liquid E3 Acer Liquid E3 Duo Acer Liquid E700 Acer Liquid Glow Acer Liquid S1 Duo Acer Liquid Z200 Duo Acer Liquid Z3 Acer Liquid Z3 Duo Acer Liquid Z4 Acer Liquid Z5 Acer Liquid Z5 Duo Alcatel One Touch Alpha Alcatel One Touch Hero Alcatel One Touch Idol 2 Mini S Alcatel One Touch Idol 2 S Alcatel One Touch Idol Mini Alcatel One Touch Idol Silver Alcatel One Touch Idol Ultra Alcatel One Touch Pop D5 Alcatel One Touch S3 Alcatel One Touch Star Silver Alcatel One Touch X'Pop Alcatel Pop C1 Alcatel Pop C3 Alcatel Pop C5 Alcatel Pop C7 Alcatel Pop C9 One Touch Idol Mini Dual Sim Apple iPhone 4S 8GB Apple iPhone 5 16GB Apple iPhone 5C 16GB Apple iPhone 5C 32GB Apple iPhone 5C 8GB Apple iPhone 5S 16GB Apple iPhone 5S 32GB Apple iPhone 5S 64GB Apple iPhone 6 16 GB Apple iPhone 6 32 GB Apple iPhone 6 64 GB
Versie 1.9 |© 7 september 2014
9
Handleiding Vergelijkingsfeed
370 371 372 375 BlackBerry 201 135 153 112 243 Emporia 381 258 Google 329 330 HTC
Archos 40 Titanium Archos 40 Titanium Archos 50 Helium 4G Archos 50c Oxygen
202 203 204 326 155 262 263 352 335 301 227 154 Huawei 187 206 312 268 207 269 223 313 270 251 229 208 271 230 LG 171 314 292 299 296
HTC Desire 300 HTC Desire 310 HTC Desire 500 HTC Desire 516 HTC Desire 601 HTC Desire 610 HTC Desire 816 HTC Desire X Dual Sim HTC One M7 HTC One M8 HTC One Max HTC One Mini
Blackberry 9720 Blackberry Q10 Blackberry Q5 Blackberry Z10 Blackberry Z30 Emporia Click Plus Emporia Solid Plus Google Nexus 5 16 GB Google Nexus 5 32 GB
Ascend Huawei G510 Huawei Ascend G525 Huawei Ascend G6 Huawei Ascend G610 Huawei Ascend G700 Huawei Ascend G750 Huawei Ascend Mate Huawei Ascend P6 Huawei Ascend P7 Huawei Ascend W2 Huawei Ascend Y210 Huawei Ascend Y300 Huawei Ascend Y330 Huawei Ascend Y530 LG G Flex LG G2 16GB LG G2 32GB LG G2 Mini LG G3
Versie 1.9 |© 7 september 2014
10
Handleiding Vergelijkingsfeed
333 332 209 83 210 347 211 172 232 133 87 158 272 Motorola 274 275 284 290 315 291 316 337 Nokia 136 160 260 150 252 174 354 159 253 382 254 327 RugGear 386 385 383 384 Samsung 261 279 246 336 392 338 377 214 339
LG G3 32GB LG G3 S LG L40 LG L7 II LG L70 LG L80 LG L90 LG Optimus F6 4G LG Optimus G LG Optimus L3 2 LG Optimus L5 LG Optimus L5 2 LG Optimus L9 2 Motorola Atrix Motorola Defy Motorola Moto E Motorola Moto G 16GB Motorola Moto G 8GB Motorola Moto X 16GB Motorola Moto X 8GB Motorola Razr i XT 890 Lumia 520 Lumia 925 Nokia 501 Nokia Lumia 1020 Nokia Lumia 1320 Nokia Lumia 1520 Nokia Lumia 530 Nokia Lumia 625 Nokia Lumia 630 Nokia Lumia 630 Dual Sim Nokia Lumia 635 Nokia Lumia 930 RugGear RG100 RugGear RG300 RugGear RG500 RugGear RG700 Samsung B2710 Samsung Galaxy Ace 2 Samsung Galaxy Ace 3 Samsung Galaxy Ace 4 Samsung Galaxy Ace NXT Samsung Galaxy Ace Style Samsung Galaxy Alpha Samsung Galaxy Core Samsung Galaxy Core 2
Versie 1.9 |© 7 september 2014
11
Handleiding Vergelijkingsfeed
356 358 393 359 165 215 247 340 216 304 396 248 369 362 363 134 74 98 395 317 294 300 368 167 318 321 217 164 280 163 64 162 341 364 Sony 144 365 218 366 281 219 224 367 225 143 328 394 113 235 152
Samsung Galaxy Core 2 Dual Sim Samsung Galaxy Core Dual Sim Samsung Galaxy Core g386f 4G Samsung Galaxy Core Plus Samsung Galaxy Express Samsung Galaxy Fame Samsung Galaxy Fame Lite Samsung Galaxy Grand 2 Samsung Galaxy Grand Neo Samsung Galaxy Note 3 Samsung Galaxy Note 3 Neo Samsung Galaxy Pocket Neo Samsung Galaxy Pocket Plus Samsung Galaxy S Duos Samsung Galaxy S Duos 2 Samsung Galaxy S2 Plus Samsung Galaxy S3 16GB Samsung Galaxy S3 Mini Samsung Galaxy S3 Neo Samsung Galaxy S4 Samsung Galaxy S4 Active Samsung Galaxy S4 Mini Samsung Galaxy S4 VE 4G Samsung Galaxy S4 Zoom Samsung Galaxy S5 Samsung Galaxy S5 Mini Samsung Galaxy Star Samsung Galaxy Trend Lite Samsung Galaxy Trend Plus Samsung Galaxy X Cover 2 Samsung Galaxy Y Samsung Galaxy Young Samsung Galaxy Young 2 Samsung Galaxy Young 2 Dual Sim Sony Xperia E Sony Xperia E Dual Sim Sony Xperia E1 Sony Xperia E1 Dual Sim Sony Xperia J Sony Xperia L Sony Xperia M Sony Xperia M Dual Sim Sony Xperia M2 Sony Xperia SP Sony Xperia T3 Sony Xperia V Sony Xperia Z Sony Xperia Z Ultra Sony Xperia Z1
Versie 1.9 |© 7 september 2014
12
Handleiding Vergelijkingsfeed
311 319
Sony Xperia Z1 Compact 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.
Versie 1.9 |© 7 september 2014
13