1. Ajouter Google Tag Manager (GTM)

Documentation Google Tag Manager

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

1.1 Construire l’objet `dataLayerPageObject`

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

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

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

<!-- 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);
})(window,document,'script','dataLayerQueue','GTM-N49BVCS');
</script>
<!-- End Google Tag Manager -->

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

<!-- 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

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

  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

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

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)

<!-- 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)

<!-- 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

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

  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.

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

Repères > EXEMPLE POUR L'UTILISATION AVEC LE DTM > image-20210202-155244.png

1.2 Enlever le code de DTM

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>

<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>

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

1.3 Enlever le code de `omni_stats_base`

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

1.4 Enlever le code de `webtrends`

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

1.1 Construire l’objet dataLayerPageObject