taggrs-logo

Mise en place d’un Content Delivery Network (CDN) côté serveur à l’aide de CloudFlare

Content Delivery Network (CDN) Server Side Setup Using CloudFlare

Découvrez étape par étape comment intégrer un CDN côté serveur à l’aide de CloudFlare et TAGGRS pour une expérience utilisateur optimisée et une distribution de contenu plus efficace. Nous explorons les bases d’un CDN et ses avantages tels que l’amélioration de la vitesse de chargement et de la fiabilité. Le rôle d’un CDN côté serveur est également important dans le contexte de la nouvelle mise à jour iOS 16.4, l’utilisation des CDN apportant une solution aux restrictions imposées aux cookies de première partie, importants pour un marketing et une analyse efficaces.

Qu’est-ce qu’un Content Delivery Network (CDN) ?

Un Content Delivery Network, souvent abrégé en CDN, est un réseau de serveurs répartis sur différents sites géographiques. L’objectif principal d’un CDN est de fournir efficacement et rapidement du contenu Internet, tel que des pages web, des images, des vidéos et d’autres fichiers, aux utilisateurs. L’hébergement du contenu sur des serveurs plus proches de l’utilisateur final réduit considérablement les temps de chargement des sites web et autres services en ligne.

comment fonctionne un cdn

Pourquoi utiliser un CDN ?

Les principales raisons d’utiliser un CDN sont les suivantes :

  1. Vitesse: Temps de chargement plus rapides pour votre site web.
  2. Fiabilité: moins de risques d’interruption du site web en cas de pic de trafic.
  3. Sécurité: meilleure protection contre les cyberattaques.

Disney+, un exemple pratique d’utilisation de CDN

Disney+ démontre la puissance de la technologie CDN dans le monde du streaming. Lors du lancement d’une nouvelle série, immédiatement accessible à un public mondial, le CDN joue un rôle crucial. Le contenu, hébergé aux États-Unis, est presque immédiatement disponible pour les utilisateurs aux Pays-Bas, grâce aux serveurs CDN locaux. Cette approche élimine les longs temps de chargement et garantit une expérience de visualisation transparente. Le CDN réduit les délais initiaux en stockant le contenu localement, ce qui accélère les tentatives d’accès ultérieures. Cette méthode met en évidence la manière dont les CDN augmentent l’efficacité de la distribution de contenu dans le secteur de la diffusion en continu.

Profiter du CDN en tant que boutique en ligne

Les différences entre les boutiques en ligne avec et sans l’utilisation d’un Content Delivery Network (CDN) sont les suivantes :

AspectAvec CDNSans CDN
Vitesse de chargementPlus rapidePlus lent
Expérience de l’utilisateurAmélioréePeut être réduit
Charge du serveurRéduitAugmenté
Performances maximalesHaute qualitéPeut diminuer
Chiffres d’affairesAugmentéPeut être inférieur

Ce tableau met en évidence les avantages de l’utilisation d’un CDN en termes de vitesse de chargement, d’expérience utilisateur et de performances globales, en particulier pendant les périodes de pointe telles que les soldes ou les événements spéciaux.

Intégration de CDN avec Server Side Tracking

L’intégration d’un réseau de diffusion de contenu (CDN) avec le suivi côté serveur présente des avantages pour les administrateurs de sites web. En utilisant la fonctionnalité CDN, il est possible de faire pivoter le domaine Custom de votre Server Side Google Tag manager (sGTM). Cela permet au trafic sGTM d’être acheminé via le fournisseur de DNS de votre site web.

Cette méthode permet de s’assurer que les adresses IP de votre site web et du domaine sGTM Custom correspondent. Cela présente l’avantage important que les cookies définis par le côté serveur sont traités comme des cookies de première partie. À l’heure où les cookies tiers sont soumis à une pression croissante en raison des lois sur la protection de la vie privée et des restrictions imposées par les navigateurs, cette approche offre un moyen plus fiable de collecter et d’analyser les données des utilisateurs.

Les adblockers avancés bloquent ces cookies tiers, par exemple. Étant donné qu’en intégrant le CDN avec le Server side tracking, les Cookie sont considérés comme des First-party cookies, ils ne peuvent pas être bloqués par les AdBlockers.

Choisir le bon service CDN

Il existe plusieurs fournisseurs de CDN, chacun avec ses propres caractéristiques. Nous recevons souvent les demandes suivantes de la part de nos clients :

CloudFlare est connu pour sa rapidité de diffusion de contenu et ses mesures de sécurité solides. Il s’agit donc d’un bon choix pour les entreprises à la recherche d’une solution CDN efficace et sécurisée.

Mise en place d’un CDN à l’aide de CloudFlare et TAGGRS

De quoi avez-vous besoin avant de commencer ?

1. Trouver le sous-domaine DNS Settings dans le TAGGRS.

where-to-find-dns-settings-taggrs

Commencez par trouver les paramètres DNS de votre sous-domaine dans TAGGRS. Celles-ci sont disponibles lors de la création du container ou se trouvent dans votre Dashboard si vous avez déjà créé un container. Vous aurez besoin de ces paramètres pour les prochaines étapes dans CloudFlare.

2. Ajout d’un site web à CloudFlare partie 1

cloudflare-dashboard

Si vous avez déjà un site web opérationnel sur CloudFlare, passez directement à l’étape 6. Si vous n’avez pas encore ajouté de site web, suivez les étapes suivantes : Tout d’abord, créez un compte avec CloudFlare, puis ajoutez un nouveau site web en cliquant sur Commencer.

3. Site web ajouter CloudFlare partie 2

Add your website or application to Cloudflare

Après avoir saisi le Name du site, cliquez sur Continue. Choisissez ensuite le plan souhaité (vous pouvez commencer gratuitement) et cliquez à nouveau sur Continuer pour poursuivre.

4. Examen des DNS records du site web principal

review your dns records cloudflare

Après avoir sélectionné un plan, il est temps de vérifier les DNS records. CloudFlare collecte automatiquement les DNS records dont ils ont connaissance pour votre site web. Vérifiez que ces enregistrements correspondent à ceux de votre propre hébergement de domaine. Y a-t-il des dossiers manquants ? Ajoutez ensuite les éléments suivants.

5. Les serveurs de noms changent au sein du propre hébergement

change your nameservers cloudflare set up

La troisième étape du processus d’ajout d’un site web dans CloudFlare consiste à trouver les serveurs de noms au sein de votre hébergement et à les modifier pour le nouveau. Les serveurs de noms sont des systèmes qui relient les noms de domaine aux adresses IP, ce qui permet aux internautes de trouver votre site web. Remplacez ces serveurs de noms par le nouveau de CloudFlare que vous voyez à l’étape 4. Cela permet de s’assurer que votre domaine est correctement transféré par CloudFlare. Prêt ? Cliquez ensuite sur Terminé, vérifiez les serveurs de noms.

6. Sélection d’un site web existant sur CloudFlare

websites cloudflare dashboard

Retournez ensuite dans votre Dashboard et sélectionnez le site web. Si vous avez déjà un site web fonctionnant sur CloudFlare, naviguez vers la section Sites web et sélectionnez le site web en question.

7. Paramètres DNS CloudFlare

go to dns settings cloudflare overview dashboard

Accédez ensuite à vos paramètres DNS en cliquant sur DNS dans votre vue d’ensemble.

8. Créer des enregistrements sous-domaine CloudFlare

add-record-cloudflare-records-dashboard

Nous allons ajouter les enregistrements du sous-domaine à CloudFlare. Pour ce faire, cliquez d’abord sur Ajouter un enregistrement.

9. Ajouter les enregistrements du sous-domaine CloudFlare

dns management for server side cdn cloudflare

Sous Name, entrez le nom de votre sous-domaine et sous IPv4 address les DNS records correspondants, comme décrit dans la Stape 1 où vous trouverez les paramètres DNS pour votre sous-domaine. Dans le cas de demo.taggrs.io, nous remplissons demo sous Name. Après avoir saisi ces détails, désactivez l’état Proxy et enregistrez les nouveaux paramètres DNS.

10. Validation du DNS dans le TAGGRS

validated dns records taggrs dashboard

Comme vous pouvez le voir à l’étape 1, à côté des Settings DNS se trouve un bouton avec valider. Cliquez sur ce bouton pour valider le DNS Customisé. Si le statut devient ” Validé“, tout est en ordre ! Vous obtenez une erreur ? Consultez ensuite notre page d’assistance pour plus d’informations.

11. Activez les enregistrements de sous-domaines du statut de proxy

set proxy status active cloudflare server side cdn

La dernière étape consiste à activer à nouveau le statut de proxy, ce qui termine l’activation du DNS. Pour ce faire, cliquez sur Modifier, puis réinitialisez le statut du proxy en le rendant actif. Sauvegardez ensuite l’enregistrement et vous avez configuré le DNS côté serveur via CloudFlare.

Conclusion

Nous avons abordé les Stapes de la mise en place d’un réseau de diffusion de contenu (CDN) avec CloudFlare. Cette configuration améliore la vitesse, la fiabilité et la sécurité de votre site web. L’intégration d’un CDN avec le Server Side Tracking, tel que mis en œuvre avec TAGGRS et CloudFlare, optimise l’expérience utilisateur et augmente l’efficacité de votre présence en ligne. Curieux de découvrir d’autres moyens d’améliorer votre site web ? Consultez ensuite tous nos outils et solutions.

Happy Tagging


A propos de l’auteur

Ate Keurentjes

Ate Keurentjes

Spécialiste du Server Side Tracking chez TAGGRS

Ate Keurentjes est un spécialiste du Server Side Tracking chez TAGGRS. Il a de l’expérience avec plusieurs concepts de Google Tag Manager. Keurentjes édite et écrit sur les nouveaux développements et tendances en matière de collecte de données / Server side tracking depuis 2023.

Prêt pour le niveau suivant ?

Commencez avec le Server Side Tracking et générez plus de revenus et de conversions dans un monde sans cookies tiers.