Partager via


Intégration des médias sociaux aux sites web publics dans SharePoint

S’APPLIQUE À :no-img-132013 oui-img-162016 oui-img-192019 no-img-seÉdition d’abonnement no-img-sopSharePoint dans Microsoft 365

L'intégration de réseaux sociaux au sein de votre organisation peut vous aider à atteindre vos objectifs. Vous pouvez effectuer l’intégration sur votre intranet pour améliorer la transparence. Mais vous pouvez également intégrer des réseaux sociaux sur votre site web public pour étendre la portée et augmenter la conversion.

Intégration des réseaux sociaux

L'intégration avec les réseaux sociaux a été mise en avant au cours de ces dernières années. De nombreuses organisations souhaitent intégrer les réseaux sociaux à leur site web public, sans vraiment comprendre ce qu'implique une telle intégration et la façon dont elle pourrait appuyer les objectifs de l'organisation. Cet article n'a pas pour but de vous aider à vous faire une idée de l'utilisation des réseaux sociaux au sein de votre organisation. À la place, il présente plusieurs scénarios d'intégration différents et les avantages que vous pouvez en retirer. Finalement, vous devez faire un choix éclairé sur l’une de ces techniques d’intégration qui fonctionne pour votre scénario et sur l’aspect de l’intégration.

Du point de vue de la communication, vous pouvez intégrer les réseaux sociaux de deux manières :

  • Publier des informations à partir de votre site web sur les réseaux sociaux ; ce qui peut se révéler aussi facile que d'ajouter un bouton « J'aime » de Facebook. Cette action vous permet d’étendre la portée du contenu de votre site web au-delà de ses limites et d’atteindre les amis et collègues de vos visiteurs.

  • Utilisez les informations du visiteur actuel des réseaux sociaux pour contrôler le contenu de votre site web qui serait le plus pertinent. Cette approche permet à vos visiteurs de découvrir de nouveaux contenus sur votre site web. Cette action peut vous aider à étendre votre portée et à augmenter la conversion sur votre site web.

Cet article décrit la première option.

Notions de base de l’intégration de réseaux sociaux dans SharePoint 2013

L’objectif de l’intégration de réseaux sociaux est d’atteindre le plus grand nombre de personnes possible. Lorsque les visiteurs découvrent le contenu de votre site web, le peut le partager avec leurs amis, qui peuvent à nouveau le partager avec leurs amis. Avant que vous ne le sachiez, votre contenu parvient à des personnes qui, autrement, n’auraient peut-être même pas été au courant de votre site web. Toutefois, pour que cette action se produise, vous devez vérifier que votre contenu apparaît exactement comme vous le souhaitez sur les réseaux sociaux.

Tout comme vous pouvez optimiser votre contenu web pour les moteurs de recherche Internet, vous pouvez fournir des méta-informations sur votre contenu aux réseaux sociaux. De nombreux réseaux sociaux (par exemple, Facebook ou Viva Engage) utilisent le protocole Open Graph pour récupérer des informations sur votre contenu. Pour contrôler la façon dont votre contenu est affiché lorsqu’il est partagé sur les réseaux sociaux, vous devez intégrer les métadonnées Open Graph à votre site web. Les métadonnées doivent décrire l’essence de votre contenu de sorte que toute personne voyant votre contenu sur un réseau social aura envie de cliquer dessus.

Intégration du protocole Open Graph à un site web public créé avec SharePoint 2013

La publication de métadonnées Open Graph pour un site web créé avec SharePoint Server 2016 n’est pas complexe. Mais il y a plusieurs choses que vous devez prendre en compte.

Tout d’abord, Open Graph définit différents types de contenu web, à l’instar de ce que vous pouvez obtenir avec les types de contenu dans SharePoint. Avant d’intégrer Open Graph à votre site web, vous avez besoin d’une bonne compréhension de vos types de contenu et de la façon de le décrire efficacement.

Il existe également des différences dans la façon dont le contenu est publié. SharePoint Server 2016 propose deux modèles de publication de contenu :

  • Modèle de publication de contenu classique de SharePoint 2007 et 2010 où l’emplacement physique des pages détermine leur emplacement dans la hiérarchie et la navigation du site web.

  • Nouveau modèle de publication piloté par la recherche qui utilise la recherche SharePoint Server 2016 pour publier du contenu à partir d’une ou plusieurs sources.

Ces modèles de publication ont deux façons de publier du contenu. Planifiez la publication des informations en fonction de votre modèle de publication de contenu.

Les informations Open Graph sont publiées à l'aide des balises META HTML. Ces balises doivent se trouver dans la section principale de votre site web. Pour prendre en charge la publication de différentes informations Open Graph, vous devez définir un espace réservé de contenu dans votre page maître. Cette action vous permet de remplir cet espace réservé avec les métadonnées appropriées des différentes mises en page. L'exemple de code suivant présente un espace réservé de contenu ajouté à la page maître standard seattle.master pour prendre en charge la publication des informations Open Graph :

<head>
...
<!--MS:<asp:ContentPlaceHolder
id="OpenGraphPlaceHolder" runat="server">-->
<!--ME:</asp:ContentPlaceHolder>-->
...
</head>

Selon le protocole Open Graph, quatre propriétés sont requises pour chaque page web :

  • title
  • type
  • image
  • URL

Si vous ne publiez pas d’informations sur la vidéo ou l’audio, vous utiliserez probablement le type d’article pour la plupart de vos pages web. Étant donné que toutes les pages ne sont pas un article, vous pouvez utiliser le type de site web . Le type de site web est le type par défaut si aucun type n’est spécifié. Pour simplifier l’utilisation d’Open Graph, vous pouvez développer l’exemple de code précédent en ajoutant des informations sur le titre, l’URL et le type. Cette action nous empêcherait de répéter le même exemple de code dans chaque mise en page.

Bien que les informations open graph de base font partie des informations SEO publiées par SharePoint Server 2016, vous ne pouvez pas utiliser directement les contrôles SEO Standard SharePoint Server 2016 pour afficher ces informations sur les pages maîtres et les mises en page en tant que balises méta Open Graph. Pour utiliser ces contrôles pour publier des métadonnées Open Graph, nous avons créé un ensemble de contrôles wrapper et les avons publiés avec cet article pour expliquer comment créer des contrôles wrapper similaires.

En utilisant les fonctionnalités d’optimisation des moteurs de recherche de SharePoint Server 2016, nous pouvons récupérer les informations sur la page comme suit :

<head>
...
<!--SPM:<%@Register Tagprefix="Contoso"
Namespace="Contoso.SharePoint.Seo.Controls"
Assembly="Contoso.SharePoint.Seo, Version=1.0.0.0, Culture=neutral,
PublicKeyToken=a285ef6967f781d3"%>-->
<!--MS:<Contoso:TemplatedControlWrapper
runat="server">-->
<Control>
   <control
type="Microsoft.SharePoint.Publishing.WebControls.SeoBrowserTitle"
assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0,
Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
</Control>
<ContentTemplate><meta
property="og:title" content="$Value$"/></ContentTemplate>
<!--ME:</Contoso:TemplatedControlWrapper>-->
<!--MS:<Contoso:HyperlinkControlWrapper
runat="server">-->
<Control>
   <control
type="Microsoft.SharePoint.Publishing.WebControls.SeoCanonicalLink"
assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0,
Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
</Control>
<ContentTemplate><meta
property="og:url"
content="$Url$"/></ContentTemplate>
<!--ME:</Contoso:HyperlinkControlWrapper>-->
<meta property="og:type content="article"
/>
<!--MS:<asp:ContentPlaceHolder
id="OpenGraphPlaceHolder" runat="server">-->
<!--ME:</asp:ContentPlaceHolder>-->
...
</head>

Cette approche suppose que vous souhaitez que le titre de votre page soit publié sur les réseaux sociaux exactement comme il est affiché dans la barre de titre d’un navigateur web. Pour une approche différente, vous pouvez effectuer l’une des options suivantes :

  • Remplacez le contenu de la propriété title par une alternative appropriée.
  • Supprimez-le, puis remplissez-le à partir de l’espace réservé de contenu OpenGraphPlaceHolder .

Le grand avantage de l’utilisation des contrôles d’optimisation des moteurs de recherche SharePoint Server 2016 standard est qu’ils fonctionnent pour les modèles de publication de contenu classiques et pilotés par la recherche. Ils récupèrent automatiquement le contenu nécessaire à l’aide de l’approche nécessaire.

La prochaine étape consiste à fournir les informations spécifiques du type de page en fonction du protocole Open Graph. Pour les pages utilisant le modèle de publication classique, vous pouvez utiliser des contrôles de publication pour récupérer le contenu. Par exemple :

<!--MS:<asp:ContentPlaceHolder
id="OpenGraphPlaceHolder" runat="server">-->
   <!--SPM:<%@Register
Tagprefix="Contoso"
Namespace="Contoso.SharePoint.Seo.Controls"
Assembly="Contoso.SharePoint.Seo, Version=1.0.0.0, Culture=neutral,
PublicKeyToken=a285ef6967f781d3"%>-->
   <!--MS:<Contoso:TemplatedControlWrapper
runat="server">-->
   <Control>
     <control
type="Microsoft.SharePoint.WebControls.FieldValue"
assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral,
PublicKeyToken=71e9bce111e9429c" FieldName="PublishingContactProfileUrl"
/>
   </Control>
   <ContentTemplate><meta
property="article:author"
content="$Value$"/></ContentTemplate>
   <!--ME:</Contoso:TemplatedControlWrapper>-->
<!--ME:</asp:ContentPlaceHolder>-->

Lorsque vous utilisez la publication pilotée par la recherche, vous devez utiliser des composants WebPart De réutilisation d’élément de catalogue à la place :

<!--MS:<asp:ContentPlaceHolder
id="OpenGraphPlaceHolder" runat="server">-->
   <!--SPM:<%@Register
Tagprefix="Contoso "
Namespace="Contoso.SharePoint.Seo.Controls"
Assembly="Contoso.SharePoint.Seo, Version=1.0.0.0, Culture=neutral,
PublicKeyToken=a285ef6967f781d3"%>-->
   <!--MS:<Contoso:TemplatedControlWrapper
runat="server">-->
   <Control>
     <control
type="Microsoft.Office.Server.Search.WebControls.CatalogItemReuseWebPart"
assembly="Microsoft.Office.Server.Search, Version=15.0.0.0,
Culture=neutral, PublicKeyToken=71e9bce111e9429c"
UseSharedDataProvider="True"
SelectedPropertiesJson="[&amp;quot;PublishingContactProfileUrlOWSTEXT&amp;quot;]"
/>
   </Control>
   <ContentTemplate><meta
property="article:author" content="$Value$"/></ContentTemplate>
   <!--ME:</Contoso:TemplatedControlWrapper>-->
<!--ME:</asp:ContentPlaceHolder>-->

Dans la plupart des scénarios où vous utilisez la publication intersites, le contenu des pages de détails (qui sont nommées pages d’éléments de catalogue) peut être récupéré à partir de l’index de recherche et comme indiqué précédemment. Le contenu des pages de vue d’ensemble (qui sont nommées pages de catégorie) est déterminé par les informations du service de métadonnées gérées. Si vous avez besoin de récupérer des informations à afficher dans le cadre de votre manifeste Open Graph, utilisez le contrôle TermProperty :

<!--MS:<asp:ContentPlaceHolder
id="OpenGraphPlaceHolder" runat="server">-->
   <!--SPM:<%@Register
Tagprefix="Contoso"
Namespace="Contoso.SharePoint.Seo.Controls"
Assembly="Contoso.SharePoint.Seo, Version=1.0.0.0, Culture=neutral,
PublicKeyToken=a285ef6967f781d3"%>-->
   <!--SPM:<%@Register
TagPrefix="Taxonomy"
Namespace="Microsoft.SharePoint.Taxonomy"
Assembly="Microsoft.SharePoint.Taxonomy, Version=15.0.0.0,
Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
   <!--MS:<Contoso:TemplatedControlWrapper
runat="server">-->
   <Control>
     <control
type="Microsoft.SharePoint.Taxonomy.TermProperty" assembly=" Microsoft.SharePoint.Taxonomy,
Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"
PropertyName="Title" />
   </Control>
   <ContentTemplate><meta
property="article:section"
content="$Value$"/></ContentTemplate>
   <!--ME:</Contoso:TemplatedControlWrapper>-->
<!--ME:</asp:ContentPlaceHolder>-->

Les divers réseaux sociaux prennent en charge des métadonnées différentes. Vérifiez l’API nécessaire pour intégrer votre site web au réseau social spécifique. En utilisant les exemples précédents, vous pouvez fournir des informations pertinentes sur vos pages web et vérifier la bonne présentation de votre contenu sur les réseaux sociaux.

Après avoir configuré les informations de base sur les pages web, explorons les différentes fonctionnalités d'intégration offertes par les réseaux sociaux. Par souci de concision, nous allons nous concentrer sur Facebook, mais les mécanismes présentés pourraient s’appliquer à d’autres réseaux sociaux.

Vue d’ensemble des plug-ins sociaux de Facebook et de la façon dont ils contribuent à l’intégration du réseau social dans votre site SharePoint 2013

Facebook offre plusieurs plug-ins standard que vous pouvez utiliser pour l'intégrer à votre site web. La vue d'ensemble de tous les plug-ins disponibles est publiée ici : Plug-ins sociaux Facebook. Voici à présent une vue d'ensemble de quelques plug-ins et de la façon dont vous pouvez les intégrer à votre site web.

Avant de commencer : informations

Lors de l’intégration à Facebook, vous pouvez ajouter un ou plusieurs widgets à votre site web. Bien que cela permette à vos visiteurs d’interagir avec votre site web à l’aide de Facebook plug-ins, il vous donne très peu de commentaires sur la façon dont vos visiteurs utilisent les fonctionnalités de médias sociaux que vous leur avez fournies. Bonne nouvelle, si vous voulez en savoir plus sur l'utilisation des plug-ins sociaux Facebook sur votre site, vous pouvez utiliser la fonctionnalité d'informations offerte par Facebook. Après avoir enregistré votre site web en tant qu'application Facebook et inclus l'ID de l'application sur votre site, vous pourrez accéder aux informations d'analyse sur l'utilisation de Facebook sur votre site web à partir de tous les widgets.

Pour plus d'informations, voir Informations sur Facebook.

Bouton « J’aime »

Le bouton « J’aime » de Facebook est probablement le plug-in social le plus populaire de Facebook. En un seul clic, vos visiteurs peuvent faire savoir à leurs amis qu'ils aiment une page de votre site. Ainsi, votre page, ainsi que la totalité de votre site peuvent faire l'objet d'une attention supplémentaire.

Si vous envisagez d'inclure le bouton « J'aime » sur chaque page de votre site web, il peut s'avérer plus efficace de l'inclure sur les pages de détail qui comportent le contenu important recherché par vos visiteurs. L’intégration du bouton « J’aime » de Facebook à votre site web est facile et consiste à ajouter deux extraits de code HTML à vos sites web.

Toute d’abord, l’appel SDK de Facebook doit être inclus une fois par page directement à la suite de la balise body :

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Si vous avez enregistré votre site web en tant qu’application Facebook, vous devez inclure votre ID d’application (souligné) dans cet extrait de code :

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&amp;appId=0123456789";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Étant donné que cet extrait de code HTML est partagé entre toutes les pages de votre site web, vous pouvez l'inclure dans votre site web SharePoint en l'intégrant à votre page maître, comme le montre la figure suivante.

Code de la figure 1

Le deuxième exemple de code à inclure est le bouton « J'aime » lui-même :

<div class="fb-like" data-href="http://www.contoso.com" data-send="true" data-width="450" data-show-faces="true"></div>

Dans la mesure où la position du bouton « J'aime » peut varier d'une page à une autre, la meilleure façon de l'intégrer à votre site web est de l'inclure dans la mise en page.

Conformément aux instructions du bouton Like, le bouton Like doit contenir l’URL absolue de la page à laquelle il est intégré. Dans l’exemple de code mentionné auparavant, l’URL absolue se trouve dans l’attribut data-href. Étant donné que nous voulons placer le code dans la mise en page, nous ne voulons pas inclure une URL fixe. À la place, nous voulons insérer l'URL de la page actuelle affichée à l'aide de la mise en page. Étant donné que SharePoint Server 2016 prend en charge les URL physiques et conviviales, la meilleure façon d’obtenir l’URL de la page active consiste à utiliser le contrôle d’URL canonique SharePoint Server 2016. En l'associant à l'exemple de code HTML du bouton « J'aime », nous obtiendrions le code suivant :

<!--SPM:<%@Register Tagprefix="Contoso" Namespace="Contoso.SharePoint.Seo.Controls" Assembly="Contoso.SharePoint.Seo, Version=1.0.0.0, Culture=neutral, PublicKeyToken=a285ef6967f781d3"%>-->
<!--MS:<Contoso:HyperlinkControlWrapper runat="server">-->
<Control>
 <control type="Microsoft.SharePoint.Publishing.WebControls.SeoCanonicalLink" assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
</Control>
<ContentTemplate>
 <div class="fb-like" data-href="$Url$" data-send="true" data-width="450" data-show-faces="true"></div>
</ContentTemplate>
<!--ME:</Contoso:HyperlinkControlWrapper>-->

Construction d'un plug-in du bouton J'aime

Lors de la création du plug-in social du bouton « J'aime », il est intéressant d'envisager d'inclure l'option Envoyer.

Bien que conçue d'après une idée très simple, l'intégration du bouton « J'aime » à votre site web peut vous aider à étendre la portée de votre contenu. Un autre avantage que vous obtenez de l’utilisation du bouton J’aime sur votre site web est que, combiné aux fonctionnalités d’analyse de recherche de SharePoint Server 2016, vous pouvez utiliser l’événement d’une personne qui aime une page web sur votre site web. En utilisant ces informations, vous pouvez par exemple présenter un contenu qui a été aimé à un endroit de choix sur votre site, augmentant à nouveau vos chances de conversion.

Bouton Envoyer

Lors de la création du plug-in social du bouton « J’aime », l’ajout de l’option Envoyer constitue une option intéressante. Si le fait de cliquer sur l'option « J'aime » donne la possibilité à vos visiteurs de partager votre page web avec tout le monde, ils peuvent utiliser le bouton Envoyer pour choisir les personnes avec lesquelles ils souhaitent partager votre page. Cela leur offre davantage de flexibilité et réduit, en outre, la barre de partage du contenu de votre site web.

Bouton Envoyer

Commentaires

La publication de contenu original est un excellent moyen de gagner en popularité et d'améliorer le classement de votre site sur les moteurs de recherche. En outre, donner la possibilité à vos visiteurs de vous faire part de leurs commentaires peut vous aider à améliorer votre site de façon à le rendre plus convivial et mieux adapté aux intérêts de votre public. Facebook propose le plug-in Commentaires que vous pouvez intégrer à votre site web pour permettre à vos visiteurs de le commenter.

Zone de commentaires

Donner à vos visiteurs la possibilité d'utiliser Facebook pour commenter votre contenu peut être d'une grande utilité pour vous, ainsi que pour vos visiteurs. Même si l'âge de votre public entre en ligne de compte, un grand nombre de personnes disposent d'un compte Facebook aujourd'hui. Il est plus facile pour eux d’utiliser leur profil Facebook existant pour laisser un commentaire sur votre site web plutôt que de suivre un autre processus d’inscription.

Un autre avantage de l'utilisation de Facebook pour les commentaires réside dans le fait que lorsqu'une personne commente votre contenu, ce commentaire sera partagé avec ses amis. Théoriquement, cela vous permet d'étendre davantage votre portée. Cependant, gardez à l'esprit que si le commentaire n'est pas flatteur, tout le monde le verra.

Le processus d'intégration du plug-in Commentaires de Facebook est semblable à celui du bouton « J'aime » de Facebook. Dans la plupart des scénarios, vous souhaitez que ce plug-in apparaisse sous le contenu de chaque page. Pour ce faire, vous pouvez l'inclure dans le contenu de chaque mise en page utilisée sur votre site web.

De même que pour le bouton « J'aime » de Facebook, le plug-in Commentaires se compose de deux exemples de code. Le premier d'entre eux est identique à celui du bouton « J'aime » de Facebook. Ainsi, si vous prévoyez d'intégrer les deux plug-ins, vous ne devez l'inclure qu'une seule fois.

Le second extrait de code est le plug-in Commentaires lui-même. Il doit être placé à l’endroit où vous souhaitez qu’il s’affiche dans votre mise en page :

<div class="fb-comments" data-href="http://www.contoso.com" data-width="470" data-num-posts="10"></div>

De même que pour le bouton « J’aime » de Facebook, l’attribut data-href doit contenir l’URL absolue de la page qui pourra être commentée. Comme il est très probable qu’il s’agisse de la page en cours, vous pouvez de nouveau utiliser le contrôle SeoCanonicalLink pour récupérer l’URL de la page en cours :

<!--SPM:<%@Register Tagprefix="Contoso" Namespace="Contoso.SharePoint.Seo.Controls" Assembly="Contoso.SharePoint.Seo, Version=1.0.0.0, Culture=neutral, PublicKeyToken=a285ef6967f781d3"%>-->
<!--MS:<Contoso:HyperlinkControlWrapper runat="server">-->
<Control>
 <control type="Microsoft.SharePoint.Publishing.WebControls.SeoCanonicalLink" assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
</Control>
<ContentTemplate>
 <div class="fb-comments" data-href="$Url$" data-width="470" data-num-posts="10"></div>
</ContentTemplate>
<!--ME:</Contoso:HyperlinkControlWrapper>-->

Flux d’activités

Un autre plug-in intéressant proposé par Facebook pour l’intégration de ses fonctionnalités aux sites web publics est le plug-in Flux d’activités.

Le plug-in Flux d'activités indique l'activité récente sur votre site web. Chaque fois que quelqu'un aime une page de votre site, le plug-in Flux d'activités est utilisé pour afficher le bouton « J'aime » dans le flux d'activités. D'autres actions personnalisées peuvent également être enregistrées, conservées et présentées dans le flux d'activités.

Le plug-in Flux d'activités peut aider vos visiteurs à découvrir du nouveau contenu, ce qui vous contribuera à étendre la portée de votre site web. Lorsque vos visiteurs sont connectés à Facebook, le flux d'activités affichera les activités des amis de vos visiteurs. La plupart du temps, il s'agit de personnes que vos visiteurs connaissent et en qui ils ont confiance. Par conséquent, ils suivront très probablement leurs recommandations et découvriront le contenu de votre site web. S’ils ne sont pas connectés en revanche, le plug-in de flux d’activité affiche les recommandations de votre site et suggère bien sûr de se connecter à Facebook pour afficher du contenu plus pertinent.

Comme pour les autres plug-ins Facebook, le plug-in Flux d'activités est composé de deux exemples de code HTML nécessaires à l'intégration au site. Le premier est l'extrait de code SDK JavaScript Facebook que nous avons vu précédemment. Le second est le flux d'activités lui-même :

<div class="fb-activity" data-site="contoso.com" data-width="300" data-height="300" data-header="true" data-recommendations="false"></div>

La configuration du flux d'activités est simple. En utilisant l'attribut data-site, vous devez spécifier le nom de domaine de votre site web et les informations d'activité qui doivent être affichées. En utilisant d'autres attributs de données, vous pouvez contrôler l'expérience utilisateur du flux d'activités sur votre site web et indiquer si vous voulez explicitement inclure des recommandations.

Bien que vous puissiez placer le flux d'activités sur chaque page de votre site web, il est possible que cela vous porte préjudice et distraie vos visiteurs de votre contenu. Étant donné que le flux d'activités vous permet d'étendre la portée de votre site web, il est peut-être préférable d'examiner vos données d'analyse web et de le positionner à un emplacement un peu plus stratégique, par exemple sur les pages fréquentes de sortie et d'arrivée, telles que la page d'accueil.

Si l'on considère que, dans la plupart des scénarios, vous intégrerez le flux d'activités à des pages spécifiques, la meilleure façon de l'intégrer à votre site web n'est pas de l'inclure à la page maître ou aux mises en page, mais de l'ajouter à des pages spécifiques. La meilleure méthode consiste à intégrer l'exemple de code du flux d'activités dans la page à l'aide du composant WebPart Éditeur de script.

Code incorporé

Barre Recommandations

La barre Recommandations est un plug-in légèrement différent et néanmoins très intéressant. Ce plug-in peut également favoriser l'extension de la portée de votre site web en affichant du contenu recommandé. La différence de cette barre réside dans son scénario d'utilisation.

La barre Recommandations se situe au bas de la fenêtre du navigateur. Selon sa configuration, elle peut être visible après un certain temps, par exemple après que les utilisateurs ont passé un certain point de la page. Ce plug-in peut être très utile, car il fournit à vos visiteurs des suggestions de contenu supplémentaire qui pourrait les intéresser.

Lors de l'intégration de la barre Recommandations à votre site web, vous devez envisager son intégration aux pages de détail. De cette façon, lorsque vos visiteurs ont fini d'utiliser le contenu actuel, une étape suivante leur est proposée. Encore une fois, ce plug-in nécessite la référence au SDK JavaScript Facebook pour fonctionner. Le plug-in lui-même est représenté par le balisage suivant :

<div class="fb-recommendations-bar" data-href="http://contoso.com/articles/my-article/"></div>

Étant donné que vous souhaitez que les recommandations soient visibles sur chaque page, vous devez les ajouter aux mises en page utilisées par vos pages de détail. Voici le balisage que vous devez ajouter à vos mises en page pour vous assurer que la barre de recommandations fonctionne pour chaque page. Vous pouvez remarquer que le contenu de l’attribut data-href est défini de façon dynamique en utilisant le contrôle SeoCanonicalLink évoqué précédemment :

<!--SPM:<%@Register Tagprefix="Contoso" Namespace="Contoso.SharePoint.Seo.Controls" Assembly="Contoso.SharePoint.Seo, Version=1.0.0.0, Culture=neutral, PublicKeyToken=a285ef6967f781d3"%>-->
<!--MS:<Contoso:HyperlinkControlWrapper runat="server">-->
<Control>
 <control type="Microsoft.SharePoint.Publishing.WebControls.SeoCanonicalLink" assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
</Control>
<ContentTemplate>
 <div class="fb-recommendations-bar" data-href="$Url$"></div>
</ContentTemplate>
<!--ME:</Contoso:HyperlinkControlWrapper>-->

À l’instar de tout autre contenu, les recommandations affichées par la barre Recommandations sont contrôlées par l’activité sur votre site web et enregistrées par Facebook. Bien que la barre de recommandations affiche des suggestions de contenu personnalisées, elle ne vous offre aucun contrôle sur le contenu affiché. Même si les différences relatives aux éléments suggérés en tant que recommandations peuvent être subtiles, ce sont elles qui peuvent inciter les visiteurs à rester, ou non, sur votre site web.

Une alternative à l’intégration de la barre de recommandations Facebook qui mérite d’être prise en compte consiste à utiliser la fonctionnalité de recommandations de contenu fournie avec SharePoint Server 2016. Bien que certaines personnalisations soient nécessaires pour parvenir à une expérience utilisateur semblable à celle proposée par la barre Recommandations de Facebook, cette fonctionnalité offre la possibilité de contrôler le contenu affiché en tant que recommandation. Étant donné que les recommandations de contenu sont basées sur la recherche SharePoint Server 2016, vous pouvez utiliser toutes ses fonctionnalités pour vous assurer que les recommandations les plus pertinentes sont affichées à vos visiteurs.

Du bonus

Si votre organisation propose des produits ou des services aux consommateurs, l'intégration à Facebook peut être un choix judicieux. Si votre entreprise est davantage basée sur les connaissances et cible d’autres entreprises, il peut être utile de s’intégrer à Viva Engage également. En d’autres mots : Viva Engage est Facebook pour les entreprises. Il permet aux organisations de partager leurs connaissances en leur donnant la possibilité de communiquer dans les limites de leur organisation. Permettre à vos visiteurs de partager plus facilement le contenu de votre site web avec leurs réseaux Viva Engage peut vous aider à atteindre un plus grand nombre de vos clients professionnels.

Bien que Viva Engage n’offre pas autant de plug-ins que Facebook, une chose que vous pourriez facilement inclure dans votre site web est un bouton Yam it. Le bouton Yam it permet à vos visiteurs de partager la page qu’ils visitent actuellement avec leur réseau Viva Engage en un seul clic de souris. Voici un exemple de code d’un bouton Yam it :

<a href="javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f= 'https://www.yammer.com/home/bookmarklet',l=d.location,e=encodeURIComponent,p='?bookmarklet_pop=1&amp;amp;v=1&amp;amp;u='+e(l.href)%20+'&amp;amp;t='+e(d.title.replace(/^ *| *$/g,''))%20+'&amp;amp;s='+e(s),u=f+p;a=function()%20{if%20(!window.open(u,'sharer','toolbar=0,status=0,resizeable=1,width=650,height=550'))l.href=f+p};if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}void(0);">Yam it!</a>

Le bouton Yam it est intégralement fondé sur le langage JavaScript, ainsi vous pouvez inclure l’extrait de code précédent directement dans SharePoint sans le modifier. Du point de vue de l’intégration, le bouton Yam it s’apparente au bouton « J’aime » de Facebook. Donc, où que vous vous sentiez il est juste d’inclure le bouton Facebook J’aime, c’est probablement un bon endroit pour inclure le bouton Yam it aussi.

Bouton Dites-le sur Yammer

Résumé

L’intégration des réseaux sociaux à votre site web peut vous aider à étendre la portée de votre site web et à aider vos visiteurs à découvrir de nouveaux contenus. La plupart des réseaux sociaux proposent des plug-ins standard qui peuvent être facilement intégrés à votre système de gestion de contenu. SharePoint ne fait pas exception ici. Peu importe si vous souhaitez intégrer les réseaux sociaux uniquement sur certaines pages spécifiques ou toutes les pages d’un type particulier, SharePoint vous offre la possibilité de le faire facilement.