Objectif

Créer un blog sur blogger dans le but de promouvoir votre identité professionnelle ou personnelle. Vous pourriez par exemple vous lancer dans une veille professionnelle et étiqueter un article trouvé sur la toile par semaine. Vous pourriez aussi décider de vous lancer dans la valorisation de vos productions en les publiant sur le net. Vous pourriez aussi avoir d'autres idées, partager vos hobbies ou vous lancer dans la monétisation de votre site...

Pour vous faire une idée, suivre le lien suivant https://dupond-veille-commerce.blogspot.com/ ou cliquer sur l'image du dessous:

Pour cette fiche de cours, l'idée est d'obtenir un blog du genre de celui du dessus

  • Image de fond (ou pas)
  • Barre de menu renvoyant vers une page ou vers d'autres sites
  • Bandeau sur la gauche contenant certains gadgets (Flux, stats, nuage de mots clefs,...)
  • etc...

Pour se faire une idée du thème simple de blogger se rendre ici: https://ptroulet.blogspot.com/. Et pour commencer l'aventure, alors lire la suite ;)

 

Compte Gmail

Pour créer un blog avec Blogger, il faut disposer d'une adresse Gmail. C'est gratuit, et comme Google n'est pas une entreprise philanthropique, inévitablement vous accepterez d'y laisser quelques données personnelles. Pour plus d'info sur ce thème voir ici : https://policies.google.com/privacy#infocollect

Pour la suite, j'utilise une adresse Gmail créée sur le domaine du lycée pour les besoins de cet article. Evidemment, avant la publication de ce dernier, le compte en question sera supprimé.
Nom d'utilisateur: Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
Mot de passe: ????

 

Création du blog

  • Se rendre sur https://www.blogger.com/about/?bpli=1
  • Se connecter avec son compte Gmail (en haut à droite)
  • Etape 1 - Nom du blog et notifications
    • Conformité RGPD pour UE => Blogger vous informe que par courtoisie il fera apparaitre un avertissement sur les cookies en haut ou en bas de votre site à la première consultation de celui-ci.
      https://www.blogger.com/about/?bpli=1
    • Avertissement pour les élèves mineurs de l'organisation => Ce message apparait car j'utilise un compte Google Education.
      https://support.google.com/blogger/thread/119776581?hl=fr&authuser=0
    • Choix du nom de votre blog
      Etre stratégique, si l'objectif est de valoriser votre veille professionnelle personnelle alors votre nom devrait apparaitre dans le titre de votre blog.

  • Etape 2 - URL du site
    Rester stratégique, si l'objectif est toujours de valoriser votre veille professionnelle personnelle alors votre nom devrait apparaître dans l'URL aussi

  • Etape 3 - Nom à afficher

---------

=> C'est terminé, vous accédez à l'interface de gestion de votre blog.

  • Cela se voit car sur la gauche se trouve la barre de gestion verticale du site
  • Cela se voit car l'URL est duu type https://www.blogger.com/blog/posts/xxxxxxxx
    xxxxxxx étant le numéro de votre blog. Pour accéder à ce back office, il faut être connecté!
  • Cela se voit car ce n'est pas l'URL du front office qui est celle que vous avez déclarée à l'étape 2 - https://dupond-veille-commerce.blogspot.com/

 

Choix du thème

Utiliser le menu de gauche / Thème

Blogger propose plusieurs thèmes, le blog ptroulet utilise le thème simple. Pour tester je vais utiliser pour le blog dupond-veille-commerce le thème Dynamic Views Magazine.

 

Remarque: En fonction du thème les gadgets de mise en page seront différents. Donc l'idée est de créer rapidement 2 ou 3 articles, 1 ou 2 pages puis de faire un choix éclairé avant de se lancer dans la production d'articles et la personnalisation du thème.

 

Création d'un article

Utiliser le menu de gauche / Articles puis le bouton + NOUVEL ARTICLE.

Lien vers l'aide de Blogger : https://support.google.com/blogger/answer/154172?hl=fr&ref_topic=3339243

Comme il est question de faire une veille sur le e-commerce, je prend mon moteur de recherche et je tape "actualité e-commerce". Je cherche un article récent qui me parle d'un truc que je ne maitrise pas... Tiens, Faire du commerce avec Tic Tok c'est possible! Et hop j'ai mon sujet!

Lien vers l'article source : Tik Tok et e-commerce. Sur le même principe, j'ai aussi créé un article sur Shopify et un autre sur WordPress.

Un article comprend à minima:

  • un titre
  • un contenu avec une image (essentiel au regard du thème choisi)
  • des libellés
  • un lien vers l'article source (car nous ne sommes pas des sauvages...)

Les outils sympas pour la création d'articles 

  • Effacer la mise en forme
    Dernier outil de la barre - Très utile pour homogénéiser ses copier/coller ;)
  • Les styles pour les titres et sous-titres
    Développer Normale - personnalisation via la feuille de style
  • Insertion de liens
    Si vous développez les options avancées, il est possible d'ouvrir un lien dans une nouvelle fenêtre
  • Insertion d'image
    A partir d'un fichier sur votre PC, à partir d'un lien web, etc...
  • Insertion de vidéo YouTube

 

Création d'une page

Utiliser le menu de gauche / Pages puis le bouton + NOUVELLE PAGE.

Autant un article dans un blog a vocation à descendre dans les limbes du temps, autant une page a pour vocation à tendre vers l'éternité. J'ai l'idée de créer une page "Note d'intention" afin d'expliquer la démarche de ce blog. Vous noterez que pour l'instant la page existe mais n'est pas accessible par un visiteur via le front office.

 

Gestion des paramètres

Listes des paramètres

Utiliser le menu de gauche / Paramètres.

Ils sont nombreux. Lien vers l'aide : https://support.google.com/blogger/answer/9691230?hl=fr

Vous devriez à minima jouer avec les rubriques en gras :

  • Général
    Titre, Description, Langue du blog, Contenu réservé aux adultes, Afficher l'avertissement pour les lecteurs du blog, ID de propriété Google Analytics (uniquement pour un ID type UA, ne fonctionnera pas pour le nouvel ID de type G-xxxxx), Favicon
  • ...
  • Mise en forme
    Fuseau horaire, Format de l'en-tête de date, Format de date de l'index des archives, Format de date et d'heure, Format de date et d'heure des commentaires
  • Balises Meta
    Activer la description de la recherche, Saisir une description de la recherche
  • ...
  • Robots d'exploration et indexation
    Activer le fichier robots.txt personnalisé, Fichier robots.txt personnalisé, Activer les balises d'en-tête robots personnalisées, Tags de la page d'accueil, Tags des pages d'archives et de recherche, Tags des articles et des pages, Google Search Console (pour plus tard)
  • ...
  • Général
    Activer le brouillon de Blogger, Personnaliser le Profil utilisateur

 

Personnalisation du profil

Je pars du principe que vous avez personnalisé votre profil utilisateur pour la suite! En dessous mes modifications enregistrées dans les renseignements supplémentaires du profil de M Pierre DUPOND !

 

Gestion de la mise en page

C'est ici que nous allons pouvoir gérer les gadgets disponibles dans blogger. En fonction de votre thème, certains gadgets ne seront pas disponibles donc il faudra prioriser le thème ou le gadget.

Notre objectif ici sera de créer un menu permettant d'accéder à la note d'intention (la page) et pourquoi pas à la page d'aide de Blogger.

Utiliser le menu de gauche / Mise en page.

Principe

En utilisant ajouter un gadget, vous pouvez visualiser les gadgets disponibles. En cliquant sur Modifier, vous pouvez paramétrer les gadgets ou les supprimer. Le principe est que votre thème peut exploiter (ou pas) les données qui vous saisissez. Par exemple si vous modifiez le gadget En-tête de la page (le premier), votre description sera visible mais pour l'image je ne pense pas...

Pour le menu, c'est le gadget Pages qui est à utiliser. Ne pas oublier d'enregistrer la modification du gadget ET la modification de la mise en page!

 

Présentation du thème "Magazine"

Pour simplifier la mise en page, je vous conseille de supprimer les gadgets que vous n'utilisez pas ou qui ne fonctionnent pas. La vidéo du dessous fait un tour de ce que j'ai réalisé pour ce blog Blogger.

 

Gestion des stats (sans rien faire ;)

Juste faire un saut via votre back office / Statistiques puis Plus d'informations sur ce Blog. Sans installation particulière, vous avez accès aux:

  • Stats des pages vues par mois et sur toutes les périodes depuis la création du blog
  • Stats de chacune des vues de chaque page

Plus d'infos sur ce blog

  • Graphe des vues par période
  • Graphe des liens référents
  • URL de provenance
  • Audience par OS et par navigateur
  • Mots clefs (souvent peu explicite)
  • Pays de provenance 

 

Mise en place des stats avancées avec Google Analytics GA4

Rappel: En 2023 Google Analytics UA deviendra obsolète, il faut donc passer à Google Analytics 4!

Procédure

Se connecter sur https://analytics.google.com/ puis cliquer sur Commencer à mesurer

Etape 1:
Créer un compte en déclarant un Nom pour le compte puis suivant
Etape 2:
Configurer la propriété GA4 puis suivant

Etape 3:
Donner quelques informations sur la finalité de la mesure puis Créer

Valider votre conformité RGPD
Et sélectionner les types de communications par e-mails

A partir de maintenant nous cherchons le code du script à insérer dans le thème de notre blog.

Via l'administration de votre compte, dans la colonne Propriétés cliquer sur Flux de données (4ème proposition)

 

 Sélectionner la plate-forme WEB
 Insérer l'URL du blog et lui donner un nom puis cliquer sur Créer un flux
 Le flux étant créé, vous visualisez votre ID de mesure GA 4 (elle commence par G-xxxxx)
 Développer le Global site tag puis copier/coller le script JS
Retourner dans le blog, puis modifier votre thème, le code HTML

 Insérer sous la balise <head> le script 

J'ai ajouté une ligne de fin de commentaire <!-- -->

 Attendre quelques minutes, puis pour vérifier le bon fonctionnement, consulter votre blog (ici la fenêtre de droite) et dans GA se rendre dans les rapports et visualiser la page Temps réel.

=> Normalement vous devez visualiser votre trafic ;)))

 

Mise en place de Google Search Console

Du back office de Blogger, se rendre dans les paramètres, et atteindre la rubrique Robots d'exploration et indexation puis cliquer sur Google Search Console

 Saisir le domaine du blog sans le protocole ni le / final

dupond-veille-commerce.blogspot.com

puis continuer

 
 Accéder à la propriété mais il faut attendre 1 jour pour visualiser des données

 

Fin de l'aventure