Show Menu
SUJETS×

Insertion des balises sur votre site

Méthode simple

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.
Cette méthode utilise les cookies transmis par le navigateur Web pour identifier le destinataire : sa fiabilité n'est pas garantie à 100%.
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

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

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

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 .
La redirection et le tracking Web utilisent des cookies : il est important que le serveur Web effectuant l'appel HTTP synchrone soit sur le même domaine que le serveur de redirection. Les différents échanges HTTP doivent faire transiter les cookies 'id', 'uuid' et 'uuid230'.
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);
  }
  [...]