MISSION - PORTFOLIO TOMMY GODFREY ARULRAJ

 
CONTINUER À LIRE
Mission
Champion : Tommy Godfrey Arulraj
Encadrant: Adrien Mangeot

Aggrégation des reviews                                           2
   Outil à produire                                               2
      Un script pour lister les reviews Google                    2
      Un script pour mettre à jour la liste des infrastructures   2
      Un script pour enregistrer les reviews en DB                2
      Un script pour lister les dernières reviews Trip Advistor   2
   Google                                                         3
   Trip Advisor                                                   3

Optimisation de la taille des images servies                      4
   Format de compression                                          4
   Qualité de compression                                         4
   Dimensions des images servies                                  4

Mise à jour des sites webs partenaires                            6
   Installation du logo certifié Shakabay                         6
   Placement de liens textuels vers Shakabay                      6
   Installation de l’outil de réservation en marque blanche       7
1. Aggrégation des reviews
Shakabay référence les activités de partenaires et proposent à ses visiteurs de consulter les
commentaires / reviews laissés par les précédents voyageurs. Ces reviews ont été ajoutées sur
Shakabay en 2017 et ne sont plus à jour.

La mission est de récupérer de nouvelles reviews pour nos partenaires auprès d’autres sites les
référençant. Les reviews seront liées à ce que nous appelons sur Shakabay une ​infrastructure​.

           a. Outil à produire
Pour référencer ces reviews, nous utiliserons un Google Sheet qui listera sur chaque onglet
associé :
   - Les infrastructures Shakabay
   - Les dernières reviews (10 max.) Google associées à ces infrastructures
   - Les dernières reviews (10 max.) des autres référenceurs

Lien du document :
https://docs.google.com/spreadsheets/d/1NaObtF-mZ7UOypYZURCllImCdBouVEQwx9nMLYU-
GN4/edit?usp=sharing

Pour lister ces informations, implémenter des scripts Javascript via la Google Sheet que l’on
appellera pour rafraîchir les informations automatiquement.

                 i.    Un script pour lister les reviews Google
Faire appel à l’API Google pour remplir la liste des reviews Google sur l’onglet associé, à partir
d’une liste d’infrastructures pre-listées.

                ii.    Un script pour mettre à jour la liste des infrastructures
Faire appel à l’API Shakabay pour sortir les IDs et informations nécessaires à lister les
infrastructures. Ne pas faire 1000 à la seconde appels à la seconde :-)

                iii.   Un script pour enregistrer les reviews en DB
Faire appel à l’API Shakabay pour enregistrer en base de données les reviews d’un onglet
donné.

                iv.    Un script pour lister les dernières reviews Trip Advistor
Faire appel à l’API Google pour remplir la liste des reviews Google sur l’onglet associé, à partir
d’une liste d’infrastructures pre-listées.
b. Google
Google met à disposition des APIs qui sont publics. Il y a possibilité de mapper nos
infrastructures aux leurs pour récupérer leurs reviews.

Ce que nous appelons une infrastructure sur Shakabay, Google les appelle des “Places”, et
l’API qui permet de les parcourir est l’API Google Places. Pour l’utiliser, Google fournit
gratuitement une clé API lié à n’importe quel compte Gmail. Utiliser son gmail perso pour les
tests, on passera sur la clé API de Shakabay lorsque les routines seront implementées, testées
et validées.

           c. Trip Advisor
On a accès à l’API de Trip Advisor. Voir si l’on peut mapper nos infrastructures aux leurs pour
récupérer leurs reviews.
2. Optimisation de la taille des images servies
L’optimisation de la taille des images servies permet de :
    - Économiser de la bande passante
    - Améliorer l’expérience utilisateur en diminuant les temps de chargement

           a. Format de compression
Les images sont actuellement compressées en JPEG qui n’est pas optimal, il date de 1992.

De nouveaux formats existent comme le JPEG2000. Se renseigner sur le format optimal à
utiliser pour à la fois :
     - Optimiser la taille des images servies
     - Assurer la compatibilité sur la majorité des navigateurs

Suggestion :​ Regarder les propositions faites par Google sur l’outil de Pagespeed Insights.

           b. Qualité de compression
Une qualité de compression a été définie de façon empirique lors de premiers tests.

Choisir la qualité de compression qui convient pour le format de compression qui permet de :
   - Satisfaire la qualité visuelle pour les utilisateurs
   - Optimiser la taille de l’image servie

Se renseigner et tester les taux de compression en usage en 2019.

           c. Dimensions des images servies
Actuellement, nous servons pour chaque image sur ces largeurs :
   - XS : 180w
   - SM : 360w
   - MD : 540w
   - LG : 720w
   - XL : 1080w

Se renseigner pour voir s’il peut être judicieux d’ajouter des formats :
   - XXS, par exemple pour les miniatures
-   XXL, par exemple pour les très grands écrans ou écrans à forte densité de pixels
3. Mise à jour des sites webs partenaires
           a. Installation du logo certifié Shakabay
Logo 160px :
   - EN :
      https://s3-eu-west-1.amazonaws.com/shakabaypics/misc/certified-logo/shakabay-certifie
      d-logo-en-160.png
   - FR:
      https://s3-eu-west-1.amazonaws.com/shakabaypics/misc/certified-logo/shakabay-certifie
      d-logo-fr-160.png
   - ES :
      https://s3-eu-west-1.amazonaws.com/shakabaypics/misc/certified-logo/shakabay-certifie
      d-logo-es-160.png

S’il y a un doute sur la langue à mettre pour le logo, mettre en anglais.

Mettre un lien sur l’image. Le lien doit renvoyer vers la page de destination relative au
partenaire. Exemples :
    - pour un surf camp au Maroc, le logo doit présenter un lien vers ​nos surf camps au Maroc
    - Pour une école de surf au Portugal, le logo doit présenter un lien vers ​nos écoles de surf
       au Portugal

Favoriser les liens vers les surf camps. Par exemple, si un partenaire a un site internet qui met
en avant surf camp et école de surf, mettre un lien vers les surf camps.

           b. Placement de liens textuels vers Shakabay
Pour booster la visibilité de nos pages, placer un lien textuel vers Shakabay sur le site du
partenaire, en insérant les mots clefs qui vont bien.

Par exemple, un texte sur les prévisions météo avec un lien vers un spot et sa météo sur
Shakabay dans le texte :
   - http://www.puntadelobossurfcamp.cl/clima.html
   - https://www.sssphuket.com/fr/location-planche-de-surf-a-phuket/

Suggestion :​ Lien et texte à discuter ensemble
c. Installation de l’outil de réservation en marque blanche

Shakabay propose à ses partenaires que leurs clients réservent sur Shakabay, en marque
blanche (sans présenter la marque Shakabay), directement depuis leur site web. Le principe est
simple, nous installons des liens sur le site du partenaire qui renvoie vers leurs annonces sur
Shakabay en marque blanche, avec des paramètres de suivi de traffic. Ce service offre à leur
utilisateur la possibilité de réserver et de payer en ligne.

Il existe deux types de liens :
     - Lorsque le lien est sans contexte d’activité, envoyer vers la page de l’infrastructure :
         https://shakabay.com/places/461/surfing-porto
     - Lorsque le lien est dans le contexte d’une activité, envoyer vers la page de l’activité :
         https://shakabay.com/activities/surfing-porto/161/surf-lessons-in-porto-portugal

Les activités sur Shakabay proposent différentes options ou hébergements. Quand c’est
possible, mettre un lien vers l’activité et l’option / l’hébergement qui convient. Pour assurer que
l’option / l’hébergement soit sélectionné, cliquer sur “Réserver” et choisir l’option qui convient de
façon à ce que son ID apparaisse dans l’url.

Construction type d’un lien :
   - L’annonce Marketplace : ​https://shakabay.com/places/461/surfing-porto
   - L’annonce Marque Blanche : ​https://shakabay.com/places/461/surfing-porto?direct=1
   - L’annonce Marque Blanche avec Suivi du traffic :
       https://shakabay.com/places/461/surfing-porto?direct=1&utm_source=surfing+porto&utm
       _medium=main+cta&utm_campaign=partners

Pour les paramètres UTMs, ils sont en minuscule, avec un “+” pour les espaces, et pas
d’accents ou autres trucs funky. La campagne est “partners” et la source identifie le partenaire.
Le medium permet d’identifier où les clics se font : la page surf lessons, la page surf camp, le
menu principale, etc.

Exemples d’installation en marque blanche :
   - Surfing Porto : ​http://www.surfingporto.com/
   - Punta de Lobos Surf Camp : ​http://www.puntadelobossurfcamp.cl/
Vous pouvez aussi lire