Version statique de mes-aides pour la campagne de communication

Mes Aides a bénéficié d'une campagne nationale de communication en mars 2017. Dans ce cadre, nos partenaires ont souhaité ajouter des traceurs. Ces traceurs allant à l'encontre de nos CGU, nous avons créé une page statique d'atterissage pour les publicités nécessitant un traçage, en respectant les règles CNIL d'accord préalable. Toute activation du simulateur redirige vers le domaine principal, sur lequel aucun traceur tiers n'existe.

Stratégie d'implémentation

1. Dump statique de la page.
2. Mise en ligne sur simuler.mes-aides.gouv.fr.
3. Réécriture des liens sortants pour qu’ils pointent en absolu vers mes-aides.gouv.fr/.
4. Ajout d’une bannière de cookies.
5. Ajout du traceur au clic sur “j’accepte les cookies”.
6. Réécriture du code piwik pour que les visites soient enregistrées comme une visite sur la page d’accueil depuis la campagne “communication-nationale”, source “tracker-homepage".
   • pk_campaign
   • pk_kwd
7. Ajout du traceur au clic sur n’importe quel lien sortant (donc avec temporisation).
8. Cross browser => IE10 via Sourcelabs cf. github issue
9. Rediriger www.simuler. vers simuler.
10. Support SSL.
11. onload sur l'iframe
12. Bannière en bas
13. Spinner https://github.com/sgmap/mes-aides-ui/pull/471/commits/948deb86f2be3b4bd2b0995fa29c8c7eb6876a1a
14. Pas de bannière au retour via localstorage
    • Ajout minimal
15. Ajout de prefetch sur les assets de mes-aides.
    • voir prefetch et preload et prerender
16. Exploitation des assets de mes-aides qui ne sont pas versionnés.

Notes pour l'implémentation

document.querySelectorAll('a').forEach(a => {
    a.addEventListener('click', event => {
        event.preventDefault()
        trackVisit()
        showSpinner()
        window.setTimeout(() => { document.location = a.href }, 1500)
    }
})

Envoi de la configuration NGINX

scp mes-aides-campaign.conf root@mes-aides.gouv.fr:/etc/nginx/conf.d/
ssh root@mes-aides.gouv.fr "service nginx reload"

Mise à jour des fichiers statiques

rsync -v -r --exclude=*.conf --exclude=readme.md --exclude=.git --exclude=.DS_Store --exclude=*.js --exclude=tracker*.html . root@mes-aides.gouv.fr:/var/www/mes-aides-campaign/

Initial SSL certificate request via Certbox

./certbot-auto certonly --webroot -w /var/tmp/simuler/ -d simuler.mes-aides.gouv.fr