Web Connector-Beispielseite
Die Beispieldatei testPage.html im Interact Web Connector zeigt, welche Web Connector-Funktionen in einer Seite in Tags eingeschlossen werden können. Diese Seite wird auch im folgenden Beispiel dargestellt.
HTML-Beispielseite im Web Connector
<?xml version="1.0" encoding="us-ascii"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />
<script language="javascript" type="text/javascript">
//<![CDATA[
/* ###################################################################
Dies ist eine Testseite mit dem WebConnector-Seitentag. Da die Anwendung im Dateinamen TestPage integriert ist, erkennt der WebConnector eine URL
Musterübereinstimmung mit dem URL-Muster "testpage" in der Standardversion von
jsconnector.xml - die zugeordnete Konfigurationsdefinition dieser "testpage"
URL-Muster wird hier abgelegt. Das heißt, diese Seite sollte vorhanden sein
entsprechende Element-IDs in HTML beziehen sich auf die IPs für diese URL
Muster (d.h. 'welcomebanner', 'crosssellcarousel' und 'textservicemessage')
####################################################################### */

/* ####################################################################
Dieser Abschnitt setzt die Cookies für sessionId und visitorId.
Hinweis: Für eine echte Website im Produktivmodus erfolgt dies bei der Anmeldung
Komponente. Dies hier erfolgt nur für Testzwecke... der Name des Cookies
muss mit der Konfiguration in jsconnector xml übereinstimmen.
######################################################################## */
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
setCookie("SessionID","123");
setCookie("CustomerID","1");

/* #######################################################
Richten Sie jetzt in HTML die Element-IDs ein, die den IPs entsprechen
####################################################### */
document.writeln("<div id='welcomebanner'> Dies sollte sich ändern, "
+ "sonst liegt ein Fehler vor <\/div>");
document.writeln("<div id='crosssellcarousel'> Dies sollte sich ändern, "
+ "sonst liegt ein Fehler vor <\/div>");
document.writeln("<div id='textservicemessage'> Dies sollte sich ändern, "
+ "sonst liegt ein Fehler vor <\/div>");
//]]&gt;
</script><!--
###############################################################################
dies wird aus der Datei pageTag.txt im Verzeichnis conf eingefügt aus
der WebConnector-Installation... die var unicaWebConnectorBaseURL muss
optimiert und an die lokale WebConnector-Umgebung angepasst werden
###############################################################################
-->
<!-- BEGIN: Unica Interact Web Connector Page Tag -->
<!-- Copyright 2011, IBM Corporation Alle Rechte vorbehalten. -->
<script language="javascript" type="text/javascript">
//<![CDATA[
var unicaWebConnectorBaseURL = "http://localhost:7001/interact/pageTag";
var unicaURLData = "ok=Y";
try {
unicaURLData += "&url=" + escape(location.href)
} catch (err) {}
try {
unicaURLData += "&title=" + escape(document.title)
} catch (err) {}
try {
unicaURLData += "&referrer=" + escape(document.referrer)
} catch (err) {}
try {
unicaURLData += "&cookie=" + escape(document.cookie)
} catch (err) {}
try {
unicaURLData += "&browser=" + escape(navigator.userAgent)
} catch (err) {}
try {
unicaURLData += "&screensize=" +
escape(screen.width + "x" + screen.height)
} catch (err) {}
try {
if (affiliateSitesForUnicaTag) {
var unica_asv = "";
document.write("<style id=\"unica_asht1\" type=\"text/css\"> "
+ "p#unica_ashtp a {border:1px #000000 solid; height:100px "
+ "!important;width:100px "
+ "!important; display:block !important; overflow:hidden "
+ "!important;} p#unica_ashtp a:visited {height:999px !important;"
+ "width:999px !important;} <\/style>");
var unica_ase = document.getElementById("unica_asht1");
for (var unica_as in affiliateSitesForUnicaTag) {
var unica_asArr = affiliateSitesForUnicaTag[unica_as];
var unica_ashbv = false;
for (var unica_asIndex = 0; unica_asIndex <
unica_asArr.length && unica_ashbv == false;
unica_asIndex++)
{
var unica_asURL = unica_asArr[unica_asIndex];
document.write("<p id=\"unica_ashtp\" style=\"position:absolute; "
+ "top:0;left:-10000px;height:20px;width:20px;overflow:hidden; \
margin:0;padding:0;visibility:visible;\"> \
<a href=\"" + unica_asURL + "\">" + unica_as + "&nbsp;<\/a><\/p>");
var unica_ae = document.getElementById("unica_ashtp").childNodes[0];
if (unica_ae.currentStyle) {
if (parseFloat(unica_ae.currentStyle["width"]) > 900)
unica_ashbv = true
} else if (window.getComputedStyle) {
if (parseFloat(document.defaultView.getComputedStyle
(unica_ae, null).getPropertyValue("width")) > 900)
unica_ashbv = true
}
unica_ae.parentNode.parentNode.removeChild(unica_ae.parentNode)
}
if (unica_ashbv == true) {
unica_asv += (unica_asv == "" ? "" : ";") + unica_as
}
}
unica_ase.parentNode.removeChild(unica_ase);
unicaURLData += "&affiliates=" + escape(unica_asv)
}
} catch (err) {}
document.write("<script language='javascript' "
+ " type='text/javascript' src='" + unicaWebConnectorBaseURL + "?"
+ unicaURLData + "'><\/script>");
//]]&gt;
</script>
<style type="text/css">
/*<![CDATA[*/
.unicainteractoffer {display:none !important;}
/*]]&gt;*/
</style>
<title>Beispielseite in Interact Web Connector</title>
</head>
<body>
<!-- END: Unica Interact Web Connector Page Tag -->
<!--
##############################################################################
Ende der Seitentag-Einfügung
##############################################################################
-->
</body>
</html>