Utilitaires

Avant tout, assurez-vous de bien comprendre les principes de Jekyll et des templates Liquid.

De même, ayez en tête la bibliothèque de composants bootstrap qui fournit des structures prêtes à l'emploi.

ceci étant, holusion.com utilise un certain nombre d'includes et de plugins utiles.

components

Les composants sont dans le dossier _includes/components, seul les plus utiles sont décris ici.

contact_button.html

{% include components/contact_button.html txt="contactez-nous" %}

Crée un bouton qui ouvrira le formulaire de contact

medias/youtube.html

{% include components/medias/youtube.html embed=######## %}

Inclut une vidéo youtube en fournissant son ID. L'intérêt par rapport à la syntaxe <iframe> recommandée par youtube est :

• Chargement asynchrone, ne ralentit pas le chargement de la page
• Format responsive

Analytics

holusion.com utilise google analytics via gtag. L'include scripts/analytics_privacy.html ajouté à chaque page gère la mise en conformité RGPD.

Outre les fonctions standard, le site utilise à l'occasion des events pour mesurer des interactions. Typiquement, efficacité des Call to Action.

<a href="..." onclick="gtag('event','click', {event_category: 'social', event_label: 'facebook'})">Facebook</a>