Insertion de balises de tracking web sur votre site inserting-tags-in-your-site
Méthode simple simple-method
Cette méthode consiste à effectuer l'appel HTTP au serveur de redirection via l'insertion d'une balise HTML <img> dans le code source HTML de la page web que vous souhaitez tracker.
Exemple:
<img height='0' width='0' alt='' src='https://localhost/r/12343?tagid=home'
La balise insérée se charge de contacter le serveur de redirection.
Lorsque vous définissez une page à webtracker dans la console, vous avez la possibilité de générer un exemple de balise de tracking Web à copier/coller dans le code source de votre page Web.
Néanmoins, lorsque vous utilisez des balises de type TRANSACTION, vous devez modifier cet exemple à l'aide de javascript afin d'y insérer les informations relatives à la transaction (montant, nombre d'articles), ainsi que les éventuelles informations définies par un schéma d'extension.
Insertion statique des balises static-insertion-of-tags
Pour procéder à une insertion statique des balises, il suffit de copier/coller les balises générées via la console, ou construites manuellement dans le source de votre page Web.
Exemple : insertion d'une balise de tracking Web sur une page proposant un formulaire.
<html>
<...>
<body>
<script>
document.write("<img height='0' width='0' alt='' src='https://localhost/r/" + Math.random().toString() + "?tagid=home'>");
</script>
<noscript>
<img height='0' width='0' alt='' src='https://localhost/r/?tagid=home'>
</noscript>
<h1>My site</h1>
<form action="http://localhost/amount.md">
Quantity: <input type="text" name="quantity"/><br/><br/>
Amount: <input type="text" name="amount"/><br/><br/>
<input value="Save" type="submit">
</form>
</body>
</html>
Insertion d'une balise de tracking Web de type TRANSACTION sur la page de confirmation ("amount.md").
<html>
<body>
<script>
function getURLparam(name)
{
var m = location.search.match new RegExp("[?&]" + name + "=([^&]+)"));
return m ? unescape(m[1]) : "";
}
var params = "https://localhost/r/" + Math.random().toString() + "?tagid=amount&amount="
+getURLparam("amount")+"&article="+getURLparam("quantity");
document.write("<img height='0' width='0' src='"+params+"'/>");
</script>
<h1>Approval confirmation</h1>
</body>
</html>
Génération dynamique des balises de tracking Web dynamic-generation-of-web-tracking-tags
Lorsque vos pages web sont générées dynamiquement, vous avez la possibilité d'ajouter la balise de tracking Web au moment de la génération des pages.
Exemple : tracking Web ajouté dans des JSP.
<%@page import="java.util.Random" %>
<html>
<body>
<img height='0' width='0' alt='' src='https://localhost/r/<%=new Random().nextInt()%>?tagid=home'>
<h1>My site</h1>
<form action="https://localhost/amount.md">
Quantity: <input type="text" name="quantity"/><br/><br/>
Amount: <input type="text" name="amount"/><br/><br/>
<input value="Save" type="submit">
</form>
</body>
</html>
<%@page import="java.util.Random" %>
<html>
<body>
<%
String strParams = new Random().nextInt() + "?tagid=amount";
strParams += "&amount="+request.getParameter("amount");
strParams += "&article="+request.getParameter("quantity");
%>
<img height='0' width='0' alt=''
src='http://localhost/r/<%=strParams%>'>
<h1>Approval confirmation</h1>
</body>
</html>
Méthode optimale optimum-method-
Si vous souhaitez contrôler les informations envoyées au serveur de redirection, la solution la plus fiable est d'effectuer vous-même, avec un langage de génération de page, la requête HTTP de façon synchrone.
L’URL que vous créez doit respecter les règles de syntaxe définies dans la section Balise de tracking web : définition.
Exemple : génération dynamique en java, avec authentification du destinataire via son numéro de compte.
[...]
// Recipient account, amount and articles
String strAccount = request.getParameter("account");
String strAmount = request.getParameter("amount");
String strArticle = request.getParameter("article");
StringBuffer strCookies = new StringBuffer();
String strSetCookie = null;
// Get cookies from client request
Cookie[] cookies = request.getCookies();
for(int i=0; i< cookies.length; i++ )
{
Cookie c = cookies[i];
String strName = c.getName();
if( strName.equals("id") || strName.equals("uuid") || strName.equals("uuid230") )
// Helper function to add cookies in string
AddCookie(strCookies, c);
}
// Now perform a synchronous HTTP request to inform redirection server
// Add a tagid in auto-discover mode, and a default jobId to use (in hexa)
StringBuffer strURL = new StringBuffer("https://www.adobe.com/r/a?tagid=cmd_page%7Ct&jobid=27EE");
if( strAccount != null )
AddParameter(strURL, "rcpid", "saccount="+strAccount);
if( strAmount != null )
AddParameter(strURL, "amount", strAmount);
if( strArticle != null )
AddParameter(strURL, "article", strArticle);
URL url = new URL(strURL.toString());
HttpURLConnection connection = (HttpURLConnection)url.openConnection();
// Add the client cookies
if( strCookies.length() > 0 )
connection.setRequestProperty("Cookie", strCookies.toString());
int errcode = connection.getResponseCode();
// Now add the Adobe Campaign cookies if the server returned one :
if( errcode == 200 )
{
strSetCookie = connection.getHeaderField("Set-Cookie");
if( strSetCookie != null && strSetCookie.length() > 0 )
response.addHeader("Set-Cookie", strSetCookie);
}
[...]