Reseaux sociaux

Réseaux Sociaux

Important :

Le module Réseaux sociaux implique quelques démarches ainsi que quelques paramétrages, sans quoi il ne sera pas fonctionnel.

Démarches

-- bit.ly --

Vous devez vous rendre sur https://bitly.com/ et vous créer un compte.

Puis aller sur la page suivante: https://bitly.com/a/oauth_apps et y générer une clé

Notice :

le site sera capable de vous donner des récapitulatif des liens partagés ainsi que le nombre des consultation après partage.

-- twitter --

Pour que les "twitter card" puissent être publié il faut que le site soit validé auprès de twitter (cela peut prendre jusqu'à 10 jour).

Pour faire la demande de validation une solution simple reste : d'aller à cette page:https://dev.twitter.com/docs/cards/validation/validator ,de fermer la fenêtre de choix de type de "card", de cliquer sur l'onglet "validate & apply" de mettre un lien d'une page ou l'on a activé le partage, un petit message indiquera que le site n'est pas validé par twitter et un lien vous mènera à l'inscription de votre site.

-- redirection apache --

Pour que les réseaux sociaux soit capable de scanner les informations des pages il est nécessaire de mettre des redirections de page web, mais de laisser les bot des réseaux sociaux y accéder sans redirection.

Paramétrage

-- clé bit.ly --

Important :

Obligatoire pour le partage.

Après avoir généré une clé dans bit.ly il va falloir aller l’intégrer dans le fichier parametres.xconf (l:~265)

-- Activation et désactivation des boutons de partage --

Pour se faire il suffit d'aller modifier les clés i18n correspondantes dans le fichier parametres.xconf (l:~267)

-- Partage et fenêtre de recherche --

La fenêtre de recherche n'étant pas un document il est donc impossible de définir un titre au partage.

Cependant il est possible de définir le titre du partage en modifiant 2 clés i18n (! Attention les 2 clés doivent être exactement remplies par le même texte)

Ces 2 clés se trouvent dans le repertoire ./theme/i18n/

1. module-eadeac-js.xml (l:~74) fb_title
2. pleade.xml (l:~229) social.box.meta.search.ogtitle

-- Une image par defaut --

une image par défaut peut être définie pour les résultats de recherche (exemple : logo du site) dans la clé social.box.meta.search.ogimage du fichier pleade.xml (l:~230)

Pour les document il faudra remplir ,dans l'onglet metadonnées, le champs adéquat au moment de la publication.

Développement

-- Concernant la visionneuse et le partage --

On utilise ces boutons pour partager une image dans la visionneuse :

On peux désactiver ce bloc dans le fichier module-img-viewer.xmap grâce aux paramètres suivants :

Important :

Pour partager l'image en cours de visualisation, certains éléments de la page doivent être mis à jour lorsque l'on change d'image.

Ainsi, cliquer sur ce bouton  :

Va faire appel à deux fonctions du fichier viewer.js  :

changeNsOfLocationBar(valNs); permet de mettre automatiquement à jour le paramètre ns de la barre d'adresse :

Notice :

Le paramètre ns permet de définir dans l'URL l'image en cours de visualisation.

updateHrefAndMetas(); permet de mettre automatiquement à jour l'attribut href du bouton Facebook ainsi que les meta-données open-graph de la page.

Notice :

Le paramètre p[url] dans le href contient l'url de la page raccourcie par bitly. Plus d'informations sont disponibles dans les commentairesde la fonction updateHrefAndMetas();.

C'est grâce à cette mise à jour de l'attribut href que le bouton, une fois activé, va transmettre la bonne URL "bitlyisée" à la page de publication. Par "bonne" on entends précedemment mise à jour par la fonction changeNsOfLocationBar(valNs);

Concernant les méta-données, elles sont également mises à jour en javascript grâce à updateHrefAndMetas();

Tout le bloc social de la visionneuse (construction des boutons, des url, des paramètres) peut être retrouvé dans le fichier xsl de cette dernière, viewer.xsl