Versions Compared

Old Version 2

changes.mady.by.user ANNICK LALIBERTE

Saved on

compared with

New Version Current

changes.mady.by.user LAURENCE BOURQUE

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

  • La metrie pourra fournir un guide avec des objects dataLayerPageObject  pour chaque page1. Ajouter Google Tag Manager (GTM)

     

Documentation Google Tag Manager

https://developers.google.com/tag-manager/quickstart

1.1 Construire l’objet dataLayerPageObject

 

Code Block
var dataLayerPageObject = 
{

...

    "Domaine":

...

 "radio-canada.ca",

...

"Application":

...

 "rcca_siteweb",

...

   "FormatApplication":

...

 "siteweb",

...

 "Niveau":

...

 "document",

...

    "Dossier":

...

 "",

...

    "NomPage":

...

 "

...

ventes:

...

espace_

...

partenaire:%%Nom du projet%%:%%PageSegment%%:page",
    "Section":

...

 "

...

ventes",

...

   "GroupeSection":

...

 "espace-partenaire",

...

    "Segment":

...

 "%%Nom du projet%%",

...

   "PageSegment":

...

 "

...

%%PageSegment%%",

...

   "CodePage":

...

 "

...

page",

...

    "Region":

...

 "",

...

  "IdMedia":

...

 "",

...

"Theme":

...

 "

...

",

...

    "SousTheme":

...

 "",

...

   "Etiquette":

...

 "",

...

    "Classification":

...

 "",

...

"Signature":

...

 "%%Annonceur%%",

...

    "Format":

...

 "",

...

"Sport":

...

 "",

...

   "CodeEmission":

...

 "

...

",

...

    "Emission":

...

 "

...

",

...

  "Reseau":

...

 "

...

",

...

    "Chaine":

...

 "

...

",

...

    "Saison":

...

 "

...

",

...

    "Titre":

...

 "Espace partenaire – %%Annonceur%% - %%Nom du projet%% %%- Titre%%",
    "DateCreation":

...

 "%%DateCreation%%",

...

"DateModification":

...

 "",

...

    "TypeContenu":

...

 "

...

",

...

  "TypeDocument":

...

 "document",

...

    "Blogue":

...

 "",
    "RegionalisationPrincipale": "",
    "VersionProjet": 'siteExterne'
}

 

1.2 Paramètres en fonction de la page

Les paramètres qui peuvent changer en fonction de la page.

NomPage

PageSegment

Titre

Type

URL

NomPage

PageSegment

Titre

Accueil

 

 

accueil

 

Article

 

 

 

 

 

1.3 Paramètres en fonction du projet

Les paramètres qui peuvent changer en fonction du projet.

Section

GroupeSection

Segment

Signature

Titre

DateCreation

1.2 Mettre le code de GTM

 

Note

S'assurer que dataLayerPageObject soit avant le code de cette section.

 

Mettre ce code dans la balise <head>. (Aussi haut que possible)

Code Block
<!-- Google Tag Manager -->
<script>
var dataLayerQueue = dataLayerQueue || [];
dataLayerQueue.push({ 
    page: dataLayerPageObject, 
    dataPushType: "pageView" ,
    event: "pageView" 
    });

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=VPv7p7B5imfhx5aLQ-IBVw&gtm_preview=env-1&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
}

...

  • Le template devra lire cette objet et faire le dataLayerQueue.push

...

)(window,document,'script','dataLayerQueue','GTM-N49BVCS');
</script>
<!-- End Google Tag Manager -->

 

Mettre ce code dans la balise <body>. (Aussi haut que possible)

Code Block
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N49BVCS&gtm_auth=VPv7p7B5imfhx5aLQ-IBVw&gtm_preview=env-1&gtm_cookies_win=x"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

 

2. Instruction pour les médias

 

2.1 Média dans la page

2.1.1 Ajouter le code JS pour l'événement suivant

 

Content Start

trackContentStart

Lorsque le média commence à jouer

Note

S’il y a des pubs il faut attendre avant d’envoyer cet event.

Code Block
  dataLayerQueue.push({
    media: {
      TitreMedia : "Remplacer par le nom du media"
    },
    event        : "trackContentStart"
  });

 

2.2 Média dans un iFrame

2.2.1 Construire l’objet dataLayerPageObject

Reprendre l’objet de la section “1.1 Construire l’objet dataLayerPageObject “

 

2.2.2 Mettre le code de GTM

 

Note

S'assurer que dataLayerPageObject soit avant le code de cette section.

Note

s'assurer de ne pas avoir event: "pageView". Sinon on va avoir 2 appels à Adobe Analytics

Mettre ce code dans la balise <head>. (Aussi haut que possible)

Code Block
<!-- Google Tag Manager -->
<script>
var dataLayerQueue = dataLayerQueue || [];
dataLayerQueue.push({ 
    page: dataLayerPageObject,
    event: "iFrameView"
    });

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=VPv7p7B5imfhx5aLQ-IBVw&gtm_preview=env-1&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayerQueue','GTM-N49BVCS');
</script>
<!-- End Google Tag Manager -->

 

Mettre ce code dans la balise <body>. (Aussi haut que possible)

Code Block
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N49BVCS&gtm_auth=VPv7p7B5imfhx5aLQ-IBVw&gtm_preview=env-1&gtm_cookies_win=x"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

 

2.2.3 Ajouter le code JS pour l'événement suivant

 

Content Start

trackContentStart

Lorsque le média commence à jouer

Note

S’il y a des pubs il faut attendre avant d’envoyer cet event.

Code Block
  dataLayerQueue.push({
    media: {
      TitreMedia : "Remplacer par le nom du media"
    },
    event        : "trackContentStart"
  });

 

 

3. Intégration de la balise Comscore de Radio-Canada

Selon le projet, deux balises Comscore Analytix pourraient être intégrées dans votre code.

  • Certainement celle de Radio-Canada

    • La balise radio-canadienne Comscore est déjà intégrée avec GTM

  • Possiblement celle reliée aux projets numériques financés par le FMC (Fonds des médias du Canada)

    • La balise reliée au FMC et les données (tags) spécifiques vous seront fournies par le FMC.  Veuillez les contacter directement

4. Google Analytics

Radio-Canada n’a pas le droit d’utiliser Google Analytics sur ses sites pour des raisons de confidentialité des
données.
Les sites externes des producteurs télé bénéficient d’une tolérance d’utilisation à condition que la fonctionnalité
d'anonymisation des IP soit active.
Pour toute autre cas que celui mentionné, veuillez communiquer avec le service juridique de Radio-Canada.

 

Annexe

Ne plus avoir de référence à l’ancienne méthode

1.1 Enlever les rc.

 

Info

Enlever tous les meta rc. s’ils sont sur la page

...

 

1.2 Enlever le code de DTM

Note

Faire attention de n’enlever que celui de Radio-Canada. Donc ne pas enlever ceux dans un iFrames le cas échéant.

  • S’assurer d’enlever la référence au script de DTM dans la balise <head>

Code Block
<script src="https://assets.adobedtm.com/2eda04f28b1fa2bbcd3ec449dfdc174232ed3359/satelliteLib-fafff6f6fa41c8ef8818e2ad8c1bfb4776de2f18.js"></script>

...

 

  • S’assurer qu’il n’y a plus de référence à _satellite.pageBottom() dans la balise <body>

Code Block
<script type="text/javascript">_satellite.pageBottom();</script>

 

...

 

 1.3 Enlever le code de omni_stats_base

 

Code Block
<script src='https://s.radio-canada.ca/omniture/omni_stats_base.js?version=2014110501'></script>

 

...

 

...

 1.4 Enlever le code de webtrends

 

Code Block
<script type="text/javascript" src="https://s.radio-canada.ca/webtrends/js/webtrends.1.0.0.js"></script>

...