Conversion Counter. Installatiehandleiding



Vergelijkbare documenten
Aan de slag met Google Analytics. Deel 1.

Inleiding Conversies bijhouden

Formulieren maken met Dreamweaver CS 4/CS 5

Uitleg CMS Utrecht Your Way Button 1. Inloggen

Handleiding: OpenEmm nieuwsbrief manager Diergaarde Blijdorp

U krijgt de melding dat uw browser geen cookies aanvaardt? Volg dan onderstaande weg om ze wel te accepteren.

EEN WEBSITE MAKEN MET WEEBLY

Handleiding Virtru. VIRTRU installeren KLIK HIER

Selenium IDE Webdriver. Introductie

Registreren als Elia leverancier op Ariba met uitnodiging

De categorie Forms in het paneel Insert

Van Dale Elektronisch groot woordenboek versie 4.5 activeren en licenties beheren

Overzicht: Maak een aangepaste doelgroep van website.

TECHNISCHE HULPBRON Remote Banner Control

Welkom bij Sitebuilder, een praktijksite maken in 5 stappen.

MyMediasite Handleiding V1.0

Een website maken met Joomla!

Nieuwsbrieven versturen met MailPoet

Handleiding GRAS. (Gebruikers registratie activiteiten systeem) Digitale tool voor het aanmelden van kinderen voor het naschoolse aanbod op school

Handleiding: Whitelabel Customersite

Handleiding CMS VOORKANT

Materiaalontwikkeling in PAV

Handleiding Sportlink Club

ideal Betaal Formulier (Ondersteund o.a. ideal, MisterCash, Direct E-Banking en Credit Card)

NAS 321 Meerdere websites hosten met een virtuele host

Instellen back up Microsoft SQL database Bronboek Professional

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant

Release nieuwe versie 1.9.3

1.8.2 Release Inhoudsbeschrijving

Foutcontrole met Javascript

Lined Content Management System v.2 (LCMS 2)

Wijzigen... 5 Verwijderen... 5

cbox UW BESTANDEN GAAN MOBIEL! WEBINTERFACE GEBRUIKERSHANDLEIDING

Je website (nog beter) beveiligen met HTTP-Security Headers

WordPress in het Kort

Handleiding 2designers Content Management Systeem

Met onderstaand stappenplan kunt u in korte tijd kennismaken met IC er en uw eerste nieuwsbrief versturen.

Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan de hoofd beheerder.

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Een pagina toevoegen en/of bewerken.

Handleiding Macromedia Contribute

Central Station. CS website

Ordina VSM Customer Portal

Handleiding. Content Management Systeem (C.M.S.)

Handleiding MOBICROSS actie banners

Ariba Supplier Self-Registation

Novell Vibe-invoegtoepassing

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Handleiding wordpress

Handleiding installatie SMIM certificaat

Handleiding Certificaat RDW

Installatie SQL: Server 2008R2

Handleiding GRAS. (Gebruikers registratie activiteiten systeem) Digitale tool voor het aanmelden van kinderen voor het naschoolse aanbod op school

In dit hoofdstuk maak je kennis met PHP. Hoe werkt deze. programmeertaal? En hoe is het ontstaan? Ook leer je welke editors

formulieren met gedragingen en

Invoegen... 8 Invulpunt... 9 Nieuwe bouwsteen maken... 9 Bouwsteen opslaan Wijze van werken in Outlook Informatie...

Choose a building block. Kleos Knowledge Center 06/06/2019. Kleos 6.6 (Juni 2019) Release Guide

Inhoudsopgave web2work Pagina 1 van 16

EndNote Web handleiding

Installatie Groeps Login app

1. Inloggen Uw account Wachtwoord veranderen Alle gegevens bekijken Credits (mail-bundels) kopen 3

Handleiding Reinder.NET.Tasks.SQL versie 2

Handleiding. Yvonne Rijks-Waardenburg. Tine Strikkers. Christel van de Steenoven-Livius. Pagina 1

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet EXED CMS UITLEG

Installatie handleiding Reinder.NET.Optac

Globale kennismaking

Snel aan de slag met BasisOnline en InstapInternet

Algemene basis instructies

Quick Guide VivianCMS

Een poging om de snelheid van de sites te verzekeren tijdens de lessen:

Microsoft Outlook 2011 voor Mac instellen

De nieuwste editie van dit document is altijd online beschikbaar: Activeren en beheren licenties

IIS - Installatie certificaat

Automatische conversie banknummers naar het IBAN formaat

Subrapporten. 5.1 Inleiding

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

Van Dale Groot woordenboek van de Nederlandse taal 14 activeren

Gebruikersdocumentatie SEO EXPERT

8.1.1 Aanmaken van een nieuwsbrieflijst voor een nieuwsbrief

Bitrix Site Manager gebruikershandleiding BureauZuid

Inventus Software. Antum Secured Mail / Message System. Gebruikershandleiding

Handleiding Shakespeak

MEDIA NAV. Handleiding voor het online downloaden van content

Trippeltrap Content Management System

Handleiding Office 365 IN EEN NOTENDOP ALLES OVER OFFICE 365 CARLO KONIJN CHI COMPUTERS HEERHUGOWAARD

Wordpress handleiding LOA Lak B.V.

Met een mailing of massaverzending kunt u een groot aantal documenten verzenden naar gebruikelijke adressen, die in een gegevensbestand staan.

Act! PostcodeCheck voor Act! Handleiding

HANDLEIDING BEHEER WEBSITE. Vrouwen van Nu

Welkom bij Digicel Online Top Up

De Fiery-software installeren voor Windows en Macintosh

JSN UniForm-Joomla 3 handleiding

Door onze website te gebruiken gaat u akkoord met het gebruik van cookies zoals beschreven in dit cookiebeleid.

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Toelichting inloggen beheermodule IZM

cbox UW BESTANDEN GAAN MOBIEL! VOOR SMARTPHONES EN TABLETS MET HET ios BESTURINGSSYSTEEM GEBRUIKERSHANDLEIDING

PhPlist Gebruikers Handleiding

Office 365 gebruiken op uw iphone of ipad

Formulieren maken met Dreamweaver CS 4

Transcriptie:

Conversion Counter Installatiehandleiding

Inleiding INLEIDING PRODUCTBESCHRIJVING Met Conversion Counter van Overture krijgt u meer inzicht in de resultaten van uw Overtureaccount. Het product houdt de conversiepercentages bij voor betaalde trefwoorden die resulteren in een bezoek aan uw site en in een transactie, zoals de aankoop van een product, een aanmelding, een abonnement of een inschrijving voor een nieuwsbrief. Conversion Counter werkt met cookies die op de browser van elke bezoeker worden geplaatst op het moment dat een bezoeker op uw betaalde trefwoord klikt. Als de bezoeker de uiteindelijke transactiepagina bereikt, start de Overture-tag een conversie-event en wordt de cookie gelezen zodat het conversie-event wordt toegewezen aan de laatste keer dat de bezoeker op een zoeklisting heeft geklikt. Deze gegevens worden weergegeven in de accountactiviteitenrapporten en DTC-rapporten in het DirecTraffic Center (DTC). OVERZICHT Als u de conversies voor uw website wilt vastleggen, moet u een aantal regels met code installeren. Hiernaar wordt in deze handleiding verwezen als 'tag'. In deze installatiehandleiding vindt u tevens algemene tagginginstructies. U kunt de instructies het beste in hun geheel doornemen voordat u met de installatie begint. Deze handleiding bevat verder specifieke tagginginstructies voor de volgende processoren van derden en dynamische sites tools en technologien: Yahoo! Stores EBay / PayPal Active Server Pages (Microsoft Visual InterDev) Java Server Pages (ATG Dynamo, BEA WebLogic, en ColdFusion MX) PHP: Hypertext Preprocessor Nadat u de tags hebt ingesteld, zijn de Conversion Counter-rapporten binnen 24 uur na de eerste conversie van uw Overture-account beschikbaar. In deze handleiding wordt ervan uitgegaan dat u bekend bent met HTML en/of webtools voor het implementeren van de Conversion Counter-tag. Als u niet over de vereiste kennis beschikt, geeft u deze handleiding aan de webmaster of webontwikkelaar zodat zij u kunnen assisteren. 2

Inleiding DEFINITIES Tag: Een stukje HTML-code dat wordt opgenomen in de transactiepagina op uw website. Tagging: Het proces van het opnemen van de Overture-tag op de transactiepagina. Conversie: Het voltooien van de transactie, zoals een aankoop of een aanmelding, na de clickthrough van een klant vanuit een zoeklisting van Overture naar de transactiepagina. Transactiepagina: De pagina van uw website die wordt weergegeven ter bevestiging van een voltooide transactie (bijvoorbeeld de bedankpagina). Een transactie is equivalent aan een conversie en kan betrekking hebben op de aankoop van een product, een abonnement op een nieuwsbrief, een aanmelding of het afsluiten van andere lead genererende activiteiten. 3

Algemene Tagginginstructies ALGEMENE TAGGINGINSTRUCTIES OVERTURE-TAG De Overture-tag is een stukje HTML-code dat bekend staat als JavaScript. Als u het JavaScript op de transactiepagina('s) van uw website plaatst, worden de verwijzingsactiviteiten van klanten vanuit de betaalde Overture-zoeklistings en de daaruit resulterende aankopen verzameld en in rapporten weergegeven. U hebt uw Overture-tag waarschijnlijk al ontvangen, aangezien deze naar u is verzonden als bijlage bij de welkomst-e-mail. De tag is tevens permanent opgeslagen op de pagina met instellingen voor uw account in het DirecTraffic Center. De tag moet worden opgenomen op de transactiepagina van de website. De tag mag niet worden gewijzigd. Als u de Overture-tag wijzigt, zal deze niet meer goed werken, en loopt u het risico dat gegevens verloren gaan en onjuiste gegevens worden verzameld. Voorbeeldtag: Voorbeeldtag (NIET gebruiken!) <SCRIPT LANGUAGE= JavaScript > <!--Overture Services Inc. 03/01/2003 var ov_tagversion = 1.0.0 ; var ov_accountid = XXXXXX ; var ov_querystr =? + tv= + ov_tagversion + &ai= + ov_accountid + &rf= + escape(document.referrer); var ov_convimage = new Image(); ov_convimage.src = //oa.overture.com/conversion.gif + ov_querystr; // --> </SCRIPT> WAAR PLAATST U DE TAG Om de conversies goed te kunnen registreren moet u de taggingtechnologie van Overture op de transactiepagina plaatsen. Als de tag op een andere pagina wordt geplaatst, verkrijgt u mogelijk te hoge conversietellingen. OVERVIEW SEARCH PRODUCT VIEW ADD TO CART BEGIN SUBMIT CHECKOUT PURCHASE TRANSACTION COMPLETED CONVERSION COUNTER is able to connect the customer s Search to product purchase (Conversion) 4

Algemene Tagginginstructies De tag heeft geen zichtbare invloed op de website en zal het uiterlijk, het ontwerp en de gebruikerservaring van de pagina geenszins veranderen. Juiste plaatsing van de tag is echter van belang zodat u zeker weet dat de conversiegegevens correct zijn. De Overture-tag moet in de header van het HTML-document worden geplaatst tussen de tags <HEAD> (header openen) en </HEAD> (header sluiten). Voorbeeld: Voorbeeld van een eenvoudig HTML-document (voor tagging) <html> <head> <title>sample HTML File</title> </head> <body> This is the content of your web page. </body> </html> Voorbeeld van een eenvoudig HTML-document met de aanbevolen taggingmethode <html> <head> <title>sample HTML File</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Overture Services Inc. 03/01/2003 var ov_tagversion = "1.0.0"; var ov_accountid = "XXXX"; var ov_querystr = "?" + "tv=" + ov_tagversion + "&ai=" + ov_accountid + "&rf=" + escape(document.referrer); var ov_convimage = new Image(); ov_convimage.src = "//oa.overture.com/conversion.gif" + ov_querystr; // --> </SCRIPT> </head> <body> This is the content of your web page. </body> </html> 5

Algemene Tagginginstructies SCENARIO'S VOOR HET PLAATSEN VAN DE TAG De website werkt mogelijk met meerdere technologieën voor het maken en beheren van de webpagina's. Conversion Counter werkt even goed op statisch als dynamisch gegenereerde transactiepagina's, mits de pagina in de browser van de gebruiker wordt weergegeven met de Overture-tag. Tagging van een pagina voor een processor van derden Uw website kan in zijn geheel of gedeeltelijk zijn ondergebracht bij een processor van derden zoals Yahoo Stores of PayPal. Overture ondersteunt ook tagging in deze omgevingen. In deze installatiehandleiding vindt u voorbeelden voor de volgende processoren van derden: Yahoo! Stores EBay / PayPal Een dynamisch gegenereerde pagina taggen Als u de Overture-tag implementeert in een dynamisch gegenereerde pagina, moet de tag worden opgenomen in de sjabloon van de pagina. Als er echter geen sjabloon wordt gebruikt, neemt u de tag op in de HTML-code van een statische pagina. Dit kan via een 'include'-instructie als de webserver include-instructies aan de serverkant ondersteunt of door de Javascript-tag op te nemen in de sectie <HEAD> van de pagina. In deze installatiehandleiding vindt u voorbeelden voor de volgende tools en technologien: Active Server Pages (Microsoft Visual InterDev) Java Server Pages (ATG Dynamo, BEA WebLogic, and ColdFusion MX) PHP: Hypertext Preprocessor Een pagina met frames taggen Als u frames gebruikt, kunt u de Overture-tag het beste alleen opnemen in de HTML van het frame dat de transactiepagina bevat. Client-Side inclusief gebruik van JavaScript Indien een Java Script include statement is gebruikt om de Overture tag te implementeren in de transactie pagina, dan is het belangrijk om de begin en trailing <SCRIPT> tags te verwijderen uit de Overture tag voordat u deze opslaat in een bestand. Indien dit niet gebeurd zal uw Overture tag niet naar behoren functioneren. Let u er tevens oop dat het pad naar het Overture tag bestand juist is. Bijv.: : <script language= javascript src= conversion_counter.js ></script Veilige en niet-veilige pagina's De tag kan evengoed worden toegepast op veilige (URL-protocol https:) als op niet-veilige pagina's (URL-protocol http:). De tag detecteert het protocol (https: of http:) en past zich aan zodat de werking op alle pagina's hetzelfde is ongeacht het beveiligingsniveau. 6

Algemene Tagginginstructies DE PLAATSING VAN DE TAG CONTROLEREN Om fouten of vertraging bij het bijhouden van de conversiegegevens te voorkomen, raadt Overture u aan om te controleren of de tag correct is geplaatst. Hiertoe voert u de onderstaande stappen uit: Stap 1 Voer vanaf de eigen website een transactie uit, zoals een aankoop van een product of een aanmelding (bijvoorbeeld met een testaccount). Stap 2 Selecteer op de transactiepagina 'Beeld' 'Bron' in het menu van de browser. Hieronder ziet u als voorbeeld een afbeelding van de startpagina van overture.com waarin de tag wordt gecontroleerd. U moet de bron weergeven van de transactie- of bevestigingspagina. 7

Algemene Tagginginstructies Stap 3 Controleer in de HTML-broncode of de Overture-tag in de pagina is opgenomen, ergens tussen de tag voor het openen van de header <HEAD> en de tag voor het sluiten van de header </HEAD>. VEREISTEN De website hoeft slechts aan de volgende vereisten te voldoen om de Conversion Counter te kunnen installeren: Ondersteuning voor standaard HTML Overture-tag is opgenomen op de transactiepagina Voor de gebruikers gelden geen specifieke systeemvereisten. De Conversion Counter-technologie kan conversies van clickthroughs op trefwoorden alleen correct bijhouden, als klanten de volgende functies hebben ingeschakeld voor het bekijken van afbeeldingen, JavaScript aktief en 'cookies' aktief. Dit is de standaardinstelling voor de meeste webbrowsers. Opmerking: Als u vragen hebt over het installeren van de Conversion Counter die niet in deze handleiding aan de orde komen, raadpleegt u het on line gedeelte met veelgestelde vragen (FAQ) in het DirectTrafficCenter (DTC) voor verdere informatie. 8

Instructies voor het instellen van Yahoo! Store INSTRUCTIES VOOR HET INSTELLEN VAN YAHOO! STORE OVERZICHT Hieronder vindt u instructies voor het installeren van de Conversion Counter voor adverteerders die werken met Yahoo! Stores. Neem eerst de Algemene tagginginstructies door aan het begin van deze handleiding voordat u de stapsgewijze instructies in dit gedeelte toepast. INSTRUCTIES Stap 1 Kopieer de Overture-tag die u via e-mail hebt ontvangen. Stap 2 Open een nieuw browservenster en ga naar de pagina Yahoo Store Manager. Stap 3 Klik op de koppeling naar het bestelformulier onder het gedeelte Order Settings (Orderinstellingen). Stap 4 Schuif naar het gedeelde Order Confirmation (Orderbevestiging) van de pagina (ongeveer op 2/3 van de pagina). Stap 5 Plak de Overture-tag in het veld Message (Bericht) onder het gedeelte Order Confirmation (Orderbevestiging). Als dit veld al een tekstbericht bevat, kunt u dit laten staan en de tag aan het einde van het tekstbericht invoegen. Het bericht blijft zichtbaar voor uw klanten maar de tag voor het bijhouden van de conversies is niet zichtbaar op de pagina Order Confirmation (Orderbevestiging). 9

IInstructies voor het instellen van EBay/PayPal INSTRUCTIES VOOR HET INSTELLEN VAN EBAY/PAYPAL OVERZICHT Hieronder vindt u instructies voor het installeren van de Conversion Counter JavaScript-tags wanneer de conversiepagina een URL is voor de PayPal-knop Kopen. Neem eerst de Algemene tagginginstructies door aan het begin van deze handleiding voordat u de stapsgewijze instructies in dit gedeelte toepast. Hieronder vindt u een samenvatting van wat u moet doen: 1) Definieer een betalings-url voor de PayPal-knop Kopen. 2) Installeer de toegezonden Conversion Counter JavaScript-tags op de pagina voor de betaling. INSTRUCTIES Een betalings-url definiëren voor de PayPal-knop Kopen. U kunt deze stap overslaan als u al een betalings-url hebt gedefinieerd voor de PayPal-knop Kopen. Er zijn twee opties voor het definiëren van een URL voor een geslaagde betaling: Optie 1: gebruik de Button Factory (Knoppenfabriek) van PayPal om een nieuwe knop Kopen te maken. a) Meld u aan bij uw PayPal-account. b) Klik op het tabblad Merchant Tools (Tools verkoper). c) Klik op Buy Now Buttons Link (Koppeling voor knop Kopen) onder Website Payments (Betalingen via website). d) Vul in het formulier op de eerste pagina de juiste gegevens in. e) Klik op de knop Add More Options (Meer opties toevoegen) rechtsonder op de pagina. f) Schuif op de volgende pagina naar het gedeelte Customize Your Buyer s Experience (Koperervaring aanpassen). g) Vul bij de URL voor de geslaagde betaling de URL in van uw transactiepagina. h) Noteer de URL die u hebt gedefinieerd als uw URL voor de geslaagde betaling. i) Vul eventueel nog andere opties in op deze pagina Add More Options (Overige opties). j) Klik op de knop Create Button Now (Knop nu maken). k) Knip en plak in het open veld naast HTML Code for Websites (HTML-code voor websites) de HTML-code die door PayPal is aangeleverd voor de pagina of pagina's waarop u de PayPal-knop Kopen wilt plaatsen. U hebt nu zowel de knop Kopen als de URL voor de geslaagde betaling gedefinieerd. Ga naar Algemene tagginginstructies om de Conversion Counter JavaScript-tags te installeren voor de URL voor de geslaagde betaling. 10

IInstructies voor het instellen van EBay/PayPal Optie 2: wijzig de HTML-code van een bestaande PayPal-knop Kopen. a) Zoek de pagina waarop de PayPal-knoppen Kopen zijn geplaatst. b) Ga naar de HTML-code van de PayPal-knop Kopen. De code begint met: <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> en eindigt met: </form> c) Voeg een regel tussen het begin en einde van form als volgt in: <input type="hidden" name="return" value= http://foo/ bedankt.html > d) Vervang de URL die hierboven vet is weergegeven door de URL die u als afsluitingspagina gebruikt. e) Voeg de HTML-regel in stap c hierboven in voor de PayPal-knopcode Kopen voor alle pagina's waarop u een PayPal-knop Kopen hebt gedefinieerd. U hebt een URL voor een geslaagde betaling gedefinieerd voor de PayPal-knop Kopen. Ga naar Algemene tagginginstructies om de Conversion Counter JavaScript-tags te installeren voor de URL voor de geslaagde betaling. Een betalings-url definiëren voor de PayPal-knop Winkelwagen. U kunt deze stap overslaan als u al een betalings-url hebt gedefinieerd voor de PayPal-knop Winkelwagen. Er zijn twee opties voor het definiëren van een URL voor een geslaagde betaling voor een PayPal-winkelwagen: Optie 1: gebruik de Button Factory (Knoppenfabriek) van PayPal om een nieuwe knop Toevoegen aan winkelwagen te maken. a) Meld u aan bij uw PayPal-account. b) Klik op het tabblad Merchant Tools (Tools verkoper). c) Klik op PayPal Shopping Cart (PayPal-winkelwagen) onder Website Payments (Betalingen via website). d) Vul op het formulier op de eerste pagina de juiste gegevens in (de velden Item Name/Service (Artikelnaam/service) en Price of Item/Service (Prijs van artikel/service) in de winkelwagen moeten zijn ingevuld voordat u kunt verdergaan met de volgende stap). e) Klik op de knop Add More Options (Meer opties toevoegen) rechtsonder op de pagina. f) Schuif op de tweede pagina naar het gedeelte Customize Your Buyer s Experience (Koperervaring aanpassen). 11

IInstructies voor het instellen van EBay/PayPal g) Vul bij de URL voor de geslaagde betaling de URL in van uw afsluitings- of orderbevestigingspagina. h) Noteer de URL die u hebt gedefinieerd als URL voor de geslaagde betaling. i) Vul eventueel nog andere opties in op deze pagina. j) Klik op de knop Create Button Now (Knop nu maken). k) Knip en plak in het open veld naast HTML Code for Websites (HTML-code voor websites) de HTML-code die door PayPal is aangeleverd voor de pagina of pagina's waarop u de PayPal-knop Kopen wilt plaatsen. U hebt nu zowel de knop Toevoegen aan winkelwagen als de URL voor de geslaagde betaling gedefinieerd. Ga naar Algemene tagginginstructies om de Conversion Counter JavaScript-tags te installeren voor de URL voor de geslaagde betaling. Optie 2: wijzig de HTML-code van een bestaande PayPal-knop Toevoegen aan winkelwagen. a) Zoek de pagina waarop de PayPal-knoppen Kopen zijn geplaatst. b) Ga naar de HTML-code van de PayPal-knop Kopen. De code begint met: <form target= paypal action= https://www.paypal.com/cgibin/webscr method="post"> en eindigt met: </form> c) Voeg een regel tussen het begin en einde van form als volgt in: <input type="hidden" name="return" value= http://foo/ bedankt.html > d) Vervang de URL die hierboven vet is weergegeven door de URL die u als afsluitende pagina gebruikt. e) Voeg de HTML-regel in stap c hierboven in voor de PayPal-knopcode Toevoegen aan winkelwagen voor alle pagina's waarop u een PayPal-knop Toevoegen aan winkelwagen hebt gedefinieerd. U hebt een URL voor een geslaagde betaling gedefinieerd voor de PayPal-knop Toevoegen aan winkelwagen. Ga naar Algemene tagginginstructies om de Conversion Counter JavaScript-tags te installeren voor de URL voor de geslaagde betaling. 12

Instructies voor het instellen van Active Server Page (ASP) INSTRUCTIES VOOR HET INSTELLEN VAN ACTIVE SERVER PAGE (ASP) OVERZICHT Deze sectie is bedoeld voor adverteerders die hun site, of in het bijzonder het transactieverwerkingsgedeelte van hun site, hebben ontwikkeld met Microsoft Visual InterDev of ASP. In Visual InterDev kunnen ontwikkelaars websites maken met zowel statische (HTML) als dynamische (ASP) middelen. Gewoonlijk zijn bij de transactieverwerking (kopen, aanmelden) ASP-pagina's (Active Server Pages) betrokken die dynamisch worden gegenereerd tijdens een bezoeksessie op de website. Bij deze instructies gaat het met name om het gebruik van ASP voor het implementeren van de Overture-tag die de conversietellingen mogelijk maakt. Neem eerst de Algemene tagginginstructies door aan het begin van deze handleiding voordat u de stapsgewijze instructies in dit gedeelte toepast. Opmerking: Hoewel IDE (Integrated Development Environment) is gewijzigd van versie 1.0 tot versie 6.0, zijn deze instructies in alle gevallen nog van toepassing. INSTRUCTIES Stap 1 Open Visual InterDev en ga naar de transactiepagina (bijvoorbeeld de bevestigingspagina voor de aankoop of de bedankpagina). Als u meerdere pagina's hebt die worden gegenereerd vanaf dezelfde ASP-pagina (met de instructies IF..ELSE), gaat u naar het gedeelte dat wordt gebruikt voor het genereren van de transactiepagina. Stap 2 Ga naar het header-gedeelte van het document (tussen de begintag <HEAD> en de eindtag </HEAD>). Stap 3 Er zijn twee opties: Optie 1: de Overture-tag rechtstreeks in het header-gedeelte van het document knippen en plakken. Zorg dat u de Overture-tag niet in een bestaande <>-tagstructuur plakt. Raadpleeg Algemene tagginginstructies voor meer details. Optie 2: een #include-instructie aan de serverkant gebruiken. Bij een include-instructie wordt de Overture-tag ingevoegd op het moment dat de pagina wordt geassembleerd voor levering aan de webbrowser van de bezoeker. Als u de Overture-tag ontvangt, slaat u het bestand (conversion_counter.js) op op de webserver en noteert u de plaats (in het onderstaande voorbeeld een map in de hoofddirectory van de website met de naam 'Overture'). Ga nu terug naar de transactiepagina en ga naar het header-gedeelte. Voeg in het headergedeelte een #include-instructie in die verwijst naar het bestand met de Overture-tag. 13

Instructies voor het instellen van Active Server Page (ASP) Voorbeeld: <%@ Language=VBScript %> <head> <title>purchase Confirmation Page</title> <!-- #include file=" /overture/conversion_counter.js" --> </head> <body bgcolor="#ffffff"> <h1>pagina Conferma acquisti</h1> </body> Houd er rekening mee dat de include-instructie wordt verwerkt voor alle andere onderdelen van de ASP-pagina, wat betekent dat er geen variabelen kunnen worden gebruikt bij het benoemen van de op te nemen bestandslocatie. Meer informatie over het werken met de #include-instructie vindt u op: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/iisref/htm/includingfiles.asp Stap 4 Sla de bewerkte transactiepagina op. Test of de pagina goed wordt weergegeven zodat u zeker weet dat de Overture-tag wordt gevonden en op de juiste plaats in het ASP/HTML-document wordt ingevoegd. Voer ter validering een transactie uit op uw website in een test-/ontwikkelomgeving. Selecteer 'Beeld' 'Bron' in de webbrowser zodra de transactiepagina wordt geopend. Zoek tussen de begintag <HEAD> en de eindtag </HEAD> naar de Overture-tag. Als de tag zich daar bevindt, is de installatie goed verlopen. 14

Instructies voor het instellen van Java Server Page (JSP) INSTRUCTIES VOOR HET INSTELLEN VAN JAVA SERVER PAGE (JSP) OVERZICHT Deze sectie is bedoeld voor adverteerders die hun site, of in het bijzonder het transactieverwerkingsgedeelte van hun site, hebben ontwikkeld met een JSP tool zoals: ATG Dynamo BEA WebLogic ColdFusion MX JSP-pagina's (Java Server Pages) worden dynamisch gegenereerd tijdens de bezoeksessie aan de website. Bij deze instructies gaat het met name om het gebruik van JSP voor het implementeren van de Overture-tag die de conversietellingen mogelijk maakt. Neem eerst de Algemene tagginginstructies door aan het begin van deze handleiding voordat u de stapsgewijze instructies in dit gedeelte toepast. Opmerking: JSP werkt met Dynamo, BEA WebLogic, IBM s WebSphere en andere engines. Hoewel er kleine verschillen bestaan tussen de JSP-implementaties van de verschillende omgevingen, zijn deze instructies in alle gevallen van toepassing. INSTRUCTIES Stap 1 Gebruik de gewenste JSP-editor en ga naar de transactiepagina (bijvoorbeeld de bevestigingspagina van de aankoop of aanmelding of de bedankpagina). Als u meerdere pagina's hebt die worden gegenereerd vanaf dezelfde JSP-pagina (met voorwaardelijke instructies), gaat u naar het gedeelte dat wordt gebruikt voor het genereren van de transactiepagina Stap 2 Ga naar het header-gedeelte van het document (tussen de begintag <HEAD> en de eindtag </HEAD>). Stap 3 Er zijn twee opties: Optie 1: de Overture-tag rechtstreeks in het header-gedeelte van het document knippen en plakken. Zorg dat u de Overture-tag niet in een bestaande <>-tagstructuur plakt. Raadpleeg Algemene tagginginstructies voor meer details. Optie 2: een include-instructie aan de serverkant gebruiken. Bij een iinclude-instructie wordt de Overture-tag ingevoegd op het moment dat de pagina wordt geassembleerd voor levering aan de webbrowser van de bezoeker. Als u de Overture-tag ontvangt, slaat u het bestand (conversion_counter.js) op op de webserver en noteert u de plaats (in het onderstaande voorbeeld een map in de hoofddirectory van de website met de naam 'Overture'). Ga nu terug naar de transactiepagina en ga naar het headergedeelte. Voeg in het header-gedeelte een include-instructie in die verwijst naar het bestand met de Overture-tag. 15

Instructies voor het instellen van Java Server Page (JSP) Als u de ATG Dynamo-ontwikkelomgeving gebruikt, voert u de volgende stappen uit: 1. Plaats de cursor in de header van de pagina. 2. Klik op de knop Insert Document (Document invoegen) op de werkbalk. Het dialoogvenster Select a Document (Document selecteren) met daarin alle bestanden in de hoofddirectory verschijnt. 3. Selecteer het bestand met de Overture-tag dat u net hebt opgeslagen en klik op OK. Voorbeeld: <%@ taglib uri="/dsptaglib" prefix="dsp" %> <dsp:page> <html> <head> <title>purchase Confirmation Page</title> <dsp:include src="../overture/conversion_counter.js"/> </head> <body bgcolor="#ffffff"> <h1>pagina Conferma acquisti</h1> </body> </html> Houd er rekening mee dat de include-instructie wordt verwerkt voor alle andere onderdelen van de JSP-pagina, wat betekent dat er geen variabelen kunnen worden gebruikt bij het benoemen van de op te nemen bestandslocatie. Syntax Variaties: ATG Dynamo: Een include statement in Dynamo heeft de volgende syntax: <dsp:include src= >. Het voorbeeld hierboven was gecodeerd met gebruikmaking van ATG Dynamo. Meer informatie over het coderen op paginaniveau in ATG vindt u op: http://www.atg.com/repositories/contentcatalogrepository_en/manuals/atg6.0.0/pagedev/index.html BEA Weblogic: Een include statement in Weblogic heeft de volgende syntax: <jsp:include src= >. Meer informatie over het coderen op paginaniveau in Weblogic vindt u op: http://edocs.bea.com/wls/docs70/jsp/index.html Coldfusion MX: Een include statement in Coldfusion heeft de volgende syntax: <cfinclude src=""/>. Meer informatie over het coderen op paginaniveau in ColdFusion MX vindt u op: http://www.macromedia.com/support/coldfusion/documentation.html 16

Instructies voor het instellen van Java Server Page (JSP) Stap 4 Sla de bewerkte transactiepagina op. Test of de pagina goed wordt weergegeven zodat u zeker weet dat de Overture-tag wordt gevonden en op de juiste plaats in het JSP/HTML-document wordt ingevoegd. Voer ter validering een transactie uit op uw website in een test-/ontwikkelomgeving. Selecteer 'Beeld' 'Bron' in de webbrowser zodra de transactiepagina wordt geopend. Zoek tussen de begintag <HEAD> en de eindtag </HEAD> naar de Overture-tag. Als de tag zich daar bevindt, is de installatie goed verlopen. 17

Instructies voor het instellen van Hypertext Preprocessor (PHP) INSTRUCTIES VOOR HET INSTELLEN VAN HYPERTEXT PREPROCESSOR (PHP) OVERZICHT In dit gedeelte wordt beschreven hoe u met PHP de tag kunt opnemen in de bevestigingspagina of de bedankpagina. U moet de JavaScript-code die u bij het aanmelden hebt ontvangen (of die u hebt opgehaald van DTC), opslaan in een bestand op de webserver en vervolgens een klein gedeelte van het PHP-script opnemen in het <HEAD> -gedeelte van de HTML-pagina. INSTRUCTIES Stap 1 Sla de ontvangen JavaScript-code op als een bestand, in dit voorbeeld in overture_cc.js. Stap 2 Plaats dit bestand op een willekeurige locatie op de webserver, in dit voorbeeld /javascript/overture_cc.js. Stap 3 Bewerk de bevestigings- of de bedankpagina en neem het volgende PHP-script op: <?PHP $filename = javascript/overture_cc.js ; $fp = fopen($filename, r ); if ($fp) { $js = fread($fp,filesize($filename)); echo($js); fclose($fp); } <?> Belangrijk De waarde die in het bovenstaande script wordt geleverd aan de variabele voor de bestandsnaam, is afhankelijk van drie gegevens: 1. De naam van het JavaScript-bestand dat u hebt ontvangen van Overture. 2. De plaats van het JavaScript-bestand dat u hebt ontvangen van Overture. 3. De locatie van het JavaScript-bestand ten opzichte van de locatie van de sjabloon voor de bevestigings- of bedankpagina. 18

Instructies voor het instellen van Hypertext Preprocessor (PHP Zoals in bovenstaand voorbeeld is te zien, komt er een directory of map met de naam javascript voor in dezelfde directory als de bevestigings- of bedankpagina, en staat in deze map een bestand met de naam overture_cc.js. Neem contact op met uw webmaster als u niet zeker weet hoe u dit aanpakt. Ga naar http://www.php.net voor meer informatie over de coderingsprincipes en syntaxis van PHP. 19