Integrazione di social networking con i siti Web pubblici in SharePoint

SI APPLICA A:2013 2016 2019 Subscription Edition SharePoint in Microsoft 365

L'integrazione del social networking all'interno dell'organizzazione può risultare utile per raggiungere gli obiettivi aziendali. È possibile eseguire l'integrazione nella intranet per aumentare la trasparenza. Ma puoi anche integrare i social network sul tuo sito Web pubblico per espandere la portata e aumentare la conversione.

Integrazione del social networking

L'integrazione con il social networking è diventata molto diffusa negli ultimi anni. Molte organizzazioni vogliono che i social network siano integrati con il proprio sito Web pubblico senza sapere davvero cosa significhi integrazione e come questa dovrebbe supportare gli obiettivi aziendali. Questo articolo non ha lo scopo di creare una visione per l'uso di social network all'interno dell'organizzazione. Al contrario, vuole presentare diversi scenari di integrazione e mostrare come sia possibile trarre vantaggio da essi. Infine, è necessario scegliere con attenzione quale di queste tecniche di integrazione funziona per lo scenario e come dovrebbe apparire l'integrazione.

Dal punto di vista della comunicazione, è possibile integrare i social media in due modi:

• Pubblicare informazioni dal sito Web ai social network, che può essere facile come aggiungere un pulsante Mi piace di Facebook. Questa azione ti consente di espandere la portata del contenuto sul tuo sito web oltre i suoi limiti e raggiungere gli amici e i colleghi dei tuoi visitatori.

• Utilizza le informazioni del visitatore corrente dai social network per controllare quali contenuti sul tuo sito web sarebbero i più rilevanti. L'uso di questo approccio consente ai visitatori di scoprire nuovi contenuti sul sito Web. Questa azione può aiutarti ad espandere la tua copertura e aumentare la conversione sul tuo sito Web.

In questo articolo viene descritta la prima opzione.

Informazioni di base sull'integrazione dei social media in SharePoint 2013

L'integrazione con i social media consiste nel raggiungere quante più persone possibile. Quando i visitatori scoprono il contenuto del tuo sito Web, possono condividerlo con i loro amici, che potrebbero condividerlo di nuovo con i loro amici. Prima che tu lo sappia, il tuo contenuto raggiunge persone che altrimenti potrebbero non aver nemmeno saputo del tuo sito Web. Tuttavia, affinché questa azione si verifichi, è necessario verificare che il contenuto venga visualizzato esattamente nel modo in cui si vuole che guardi sui social network.

Così come è possibile ottimizzare i contenuti Web per i motori di ricerca Internet, è possibile fornire meta informazioni sui contenuti ai social network. Molti social network (ad esempio, Facebook o Viva Engage) usano il protocollo Open Graph per recuperare informazioni sul contenuto. Per controllare la modalità di visualizzazione del contenuto quando viene condiviso sui social network, è necessario integrare i metadati Open Graph nel sito Web. I metadati devono descrivere l'essenza dei contenuti per fare in modo che chiunque li visualizzi su un social network sia spinto a fare clic su di essi.

Integrazione di Open Graph in un sito Web pubblico creato con SharePoint 2013

La pubblicazione di metadati Open Graph per un sito Web compilato con SharePoint Server 2016 non è complessa. Ma, ci sono diverse cose che si dovrebbe prendere in considerazione.

Prima di tutto Open Graph definisce diversi tipi di contenuto Web, simili a quelli che è possibile ottenere con i tipi di contenuto in SharePoint. Prima di integrare Open Graph nel tuo sito Web, hai bisogno di una buona comprensione dei tuoi tipi di contenuto e di come descriverlo in modo efficace.

Esistono anche differenze nella modalità di pubblicazione del contenuto. SharePoint Server 2016 offre due metodi di pubblicazione dei contenuti:

• Modello di pubblicazione del contenuto classico di SharePoint 2007 e 2010 in cui la posizione fisica delle pagine determina la posizione nella gerarchia e nella navigazione del sito Web.

• Nuovo modello di pubblicazione basato sulla ricerca che usa Ricerca di SharePoint Server 2016 per pubblicare contenuto da una o più origini.

Questi modelli di pubblicazione hanno due modi per pubblicare il contenuto. Pianificare la pubblicazione delle informazioni in base al modello di pubblicazione del contenuto.

Le informazioni di Open Graph vengono pubblicate con i tag META HTML. Tali tag devono trovarsi nella sezione dell'intestazione del sito Web. Per supportare la pubblicazione di diverse informazioni di Open Graph, è necessario definire un titolare del posto contenuto nella pagina master. Questa azione consente di riempire tale segnaposto con i metadati appropriati dei diversi layout di pagina. Nell'esempio di codice seguente viene mostrato un segnaposto di contenuto aggiunto alla pagina master seattle.master standard per supportare la pubblicazione delle informazioni di Open Graph:

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

In base al protocollo Open Graph, sono necessarie quattro proprietà per ogni pagina Web:

• titolo
• digitare
• immagine
• URL

se non si pubblicano informazioni su video o audio, è probabile che si usi il tipo di articolo per la maggior parte delle pagine Web. Poiché non tutte le pagine sono un articolo, è possibile usare il tipo di sito Web . Il tipo di sito Web è il tipo predefinito se non viene specificato alcun tipo. Per semplificare l'uso di Open Graph, è possibile espandere l'esempio di codice precedente aggiungendo informazioni sul titolo, l'URL e il tipo. Questa azione impedirebbe di ripetere lo stesso esempio di codice all'interno di ogni layout di pagina.

Anche se le informazioni di base su Open Graph fanno parte delle informazioni SEO pubblicate da SharePoint Server 2016, non è possibile usare direttamente i controlli SEO standard di SharePoint Server 2016 per visualizzare queste informazioni nelle pagine master e nei layout di pagina come meta tag Open Graph. Per usare questi controlli per la pubblicazione di metadati Open Graph, è stato creato un set di controlli wrapper e pubblicati insieme a questo articolo per spiegare come creare controlli wrapper simili.

Usando le funzionalità di ottimizzazione del motore di ricerca di SharePoint Server 2016, è possibile recuperare le informazioni sulla pagina come indicato di seguito:

<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>

Questo approccio presuppone che il titolo della pagina venga pubblicato sui social network esattamente come viene visualizzato nella barra del titolo di un Web browser. Per un approccio diverso, è possibile eseguire una delle opzioni seguenti:

• Sostituire il contenuto della proprietà title con un'alternativa appropriata.
• Rimuoverlo e quindi riempirlo dal segnaposto del contenuto OpenGraphPlaceHolder .

Il grande vantaggio dell'uso dei controlli standard di Ottimizzazione motore di ricerca di SharePoint Server 2016 è che funzionano per i modelli di pubblicazione di contenuti classici e basati sulla ricerca. Recuperano automaticamente il contenuto necessario usando l'approccio necessario.

Il passaggio successivo consiste nel fornire le informazioni specifiche del tipo di pagina in base al protocollo Open Graph. Per le pagine che usano il modello di pubblicazione classico, è possibile usare i controlli di pubblicazione per recuperare il contenuto. Ad esempio:

<!--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>-->

Quando si usa la pubblicazione basata sulla ricerca, si userebbero invece le web part Di riutilizzo elementi del catalogo:

<!--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>-->

Nella maggior parte degli scenari in cui si usa la pubblicazione tra siti, il contenuto delle pagine di dettaglio (denominate pagine degli elementi del catalogo) può essere recuperato dall'indice di ricerca e come illustrato in precedenza. Il contenuto delle pagine di panoramica ,denominate pagine di categoria, è determinato dalle informazioni del servizio metadati gestiti. Se è necessario recuperare le informazioni da visualizzare come parte del manifesto di Open Graph, usare il controllo 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>-->

Diversi social network supportano diversi metadati. Verificare l'API necessaria per integrare il sito Web con il social network specifico. Usando gli esempi precedenti, è possibile fornire informazioni rilevanti sulle pagine Web e verificare una buona presentazione dei contenuti sui social network.

Dopo aver configurato le informazioni di base delle pagine Web, è il momento di esplorare le diverse funzionalità di esplorazione offerte dai social network. Per brevità, ci concentreremo su Facebook, ma i meccanismi presentati potrebbero applicarsi ad altri social network.

Panoramica dei plug-in sociali di Facebook e di come consentano di integrare i social network nel sito Web di SharePoint 2013

Facebook offre diversi plug-in standard che è possibile utilizzare per integrare Facebook nel sito Web. La panoramica di tutti i plug-in disponibili è stata pubblicata in Plug-in social di Facebook. Di seguito viene fornita una panoramica di alcuni plug-in e di come possano essere integrati con il sito Web.

Prima di iniziare: Insights

Durante l'integrazione con Facebook, è possibile aggiungere uno o più widget al sito Web. Anche se questo consente ai tuoi visitatori di interagire con il tuo sito web usando Facebook plug-in, ti dà pochissimo feedback su come i tuoi visitatori usano le funzionalità di social media che hai fornito loro. La buona notizia è che se si desidera saperne di più sull'uso dei plug-in social di Facebook nel sito Web, è possibile approfittare della funzionalità Insights offerta da Facebook. Una volta registrato il sito Web come applicazione di Facebook e incluso l'ID applicazione nel sito Web, sarà possibile accedere alle informazioni di analisi relative all'uso di Facebook nel sito Web da tutti i widget.

Per ulteriori informazioni, vedere Facebook Insights.

Pulsante Mi piace

Il pulsante Mi piace di Facebook è probabilmente il plug-in social di Facebook più conosciuto. Con un semplice clic, i visitatori possono far sapere agli amici che sono interessati a una pagina sul sito Web. Di conseguenza, la pagina e l'intero sito Web potrebbero ricevere qualche attenzione in più.

Anche se è possibile includere il pulsante Mi piace in ogni pagina del sito Web, può essere più efficace sulle pagine dettaglio che presentano i contenuti importanti ricercati dai visitatori. L'integrazione del pulsante Mi piace di Facebook nel sito Web è facile ed è dovuta all'inserimento di due frammenti HTML nei siti Web.

La richiesta SDK di Facebook deve essere inclusa una volta per pagina direttamente dopo il tag 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>

Se è stato registrato il sito Web come applicazione Facebook, è necessario includere l'ID applicazione (sottolineato) in questo frammento:

<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>

Poiché il frammento HTML è condiviso tra tutte le pagine del sito Web, il modo per includerlo nel sito Web di SharePoint è renderlo una parte della pagina master, come illustrato nella figura seguente.

Nel secondo esempio di codice che è necessario includere è il pulsante Mi piace stesso:

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

Poiché la posizione del pulsante Mi piace può variare per ogni pagina, il modo migliore per integrarlo nel sito Web è includerlo nel layout di pagina.

In base alle linee guida di Like Button, il pulsante Like deve contenere l'URL assoluto della pagina in cui è integrato. Nell'esempio di codice menzionato in precedenza l'URL assoluto è incluso nell'attributo data-href. Poiché si desidera inserire il codice nel layout di pagina, non occorre includere un URL fisso. Si desidera invece inserire l'URL della pagina corrente di cui è stato eseguito il rendering utilizzando il layout di pagina. Tenendo presente che SharePoint Server 2016 offre supporto per gli URL fisici e brevi, il modo migliore per ottenere l'URL della pagina corrente consiste nell'usare il controllo degli URL canonici di SharePoint Server 2016. In combinazione con l'esempio di codice HTML del pulsante Mi piace, sarebbe simile al seguente:

<!--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>-->

Quando i crea il plug-in social del pulsante Mi piace, è consigliabile tenere in considerazione la possibilità di inserire l'opzione Invia.

Anche se progettata partendo da un'idea semplice, l'integrazione del pulsante Mi piace può aiutare ad espandere la copertura dei propri contenuti. Un ulteriore vantaggio derivante dall'uso del pulsane Mi piace nel sito Web è che combinato con le funzionalità di analisi della ricerca di SharePoint Server 2016, è possibile utilizzare l'evento di un utente a cui piace una pagina del sito Web. Con queste informazioni, è possibile ad esempio presentare contenuti che hanno ricevuto dei Mi piace in una posizione di rilievo nel sito Web, che a sua volta aumenta le possibilità di conversione.

Pulsante Invia

Quando i crea il plug-in social del pulsante Mi piace, è consigliabile tenere in considerazione la possibilità di inserire l'opzione Invia. Facendo clic sull'opzione Mi piace i visitatori possono condividere la pagina Web con chiunque, mentre con il pulsante Invia possono scegliere con chi desiderano condividere la pagina Web. Questa operazione offre maggiore flessibilità e consente di ridurre ulteriormente la barra per condividere il contenuto del sito Web.

Commenti

La pubblicazione di contenuti originali è un modo perfetto per ottenere popolarità e migliorare la valutazione del sito Web nei motori di ricerca. Inoltre, consentendo ai visitatori di fornire feedback, è possibile ottimizzare il sito Web rendendolo ancora più semplice da usare e personalizzato in base agli interessi del pubblico. Facebook offre il plug-in Commenti che è possibile integrare con il sito Web per consentire ai visitatori di pubblicare commenti nel sito web.

Dare ai visitatori la possibilità di usare Facebook per commentare i contenuti può essere molto utile. Anche se può dipendere dal pubblico del sito Web, oggi molti utenti hanno un account Facebook. È più facile per loro usare il profilo di Facebook esistente per lasciare un commento sul tuo sito Web invece di seguire un altro processo di registrazione.

Un altro vantaggio dell'uso di Facebook per i commenti è che quando un utente commenta un contenuto, tale commento viene condiviso con gli amici dell'utente. In teoria, ciò consente di espandere ulteriormente la propria copertura. Tuttavia, occorre tenere presente che se il commento non è positivo lo sapranno anche tutti gli altri.

Il processo per l'integrazione del plug-in Commenti di Facebook è simile all'integrazione del pulsante Mi piace di Facebook. Nella maggior parte degli scenari, si desidera che il plug-in Commenti di Facebook sia visualizzato sotto il contenuto di ogni pagina. A tale scopo, è possibile inserirlo nel contenuto di ogni layout di pagina utilizzato all'interno del sito Web.

Analogamente al pulsante Mi piace di Facebook, il plug-in Commenti è costituito da due esempi di codice. Il primo è identico a quello per il pulsante Mi piace di Facebook. Pertanto, se si prevede di integrare entrambi i plug-in, basta inserirlo una sola volta.

Il secondo frammento è il plug-in Commenti stesso. Deve essere posizionato dove si desidera che venga visualizzato nel layout di pagina:

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

Analogamente al pulsante Mi piace di Facebook, l'attributo data-href deve contenere l'URL assoluto della pagina per cui si desidera fornire la funzionalità di commento. Dato che molto probabilmente si tratta della pagina corrente, si potrebbe sfruttare il controllo SeoCanonicalLink per recuperare l'URL della pagina corrente:

<!--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>-->

Feed attività

Feed attività è un altro interessante plug-in offerto da Facebook per l'integrazione delle sue funzionalità nei siti Web pubblici.

Il plug-in Feed attività mostra l'attività recente nel sito Web. Ogni volta che un utente mette un Mi piace a una pagina all'interno del sito Web, il plug-in Feed attività viene usato per visualizzare i Mi piace. È possibile registrare, archiviare e presentare altre azioni personalizzate nel Feed attività.

Il plug-in Attività consente ai visitatori di scoprire nuovi contenuti e all'utente di espandere la copertura del proprio sito Web. Quando i visitatori effettuano l'accesso con Facebook, il Feed attività mostra le attività degli amici dei visitatori. Nella maggior parte dei casi, sono tutte persone di cui i visitatori si fidano. Di conseguenza, molto probabilmente seguiranno i loro suggerimenti e scopriranno nuovi contenuti nel sito Web. Se invece non hanno eseguito l'accesso, il plug-in Feed attività mostrerà raccomandazioni da tutto il tuo sito e, naturalmente, suggerirà di accedere a Facebook per mostrare contenuti più pertinenti.

Come per gli altri plug-in di Facebook, il Feed attività è costituito da due esempi di codice HTML necessari per l'integrazione con il sito Web. Il primo è il frammento SDK JavaScript di Facebook illustrato in precedenza. Il secondo è il Feed attività stesso:

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

La configurazione del Feed attività è semplicissima. Utilizzando l'attributo data-site, occorre specificare il dominio del sito Web e le informazioni sull'attività da visualizzare. Utilizzando altri attributi, è possibile controllare l'esperienza utente del Feed attività nel sito Web e se si desidera includere gli elementi consigliati esplicitamente o meno.

Sebbene sia possibile inserire il Feed attività in tutte le pagine del sito Web, è probabile che distragga i visitatori dal contenuto. Poiché il Feed attività consente di espandere la copertura del sito Web, potrebbe essere una buona idea analizzare i dati di Web Analytics e inserire il Feed attività in una posizione più strategica (ad esempio, nelle pagine di uscita e nelle pagine di destinazione frequenti come la home page).

Dato che nella maggior parte degli scenari il Feed attività viene inserito in pagine specifiche, il modo migliore per integrarlo con il sito Web non è includerlo nella pagina master o nei layout di pagina, ma aggiungerlo alle pagine specifiche. Il modo migliore per farlo è inserire l'esempio di codice del Feed attività nella pagina utilizzando la web part Editor dello script.

Barra degli elementi consigliati

Un plug-in leggermente diverso, ma comunque interessante, è la barra degli elementi consigliati. Anche questo plug-in consente di espandere la copertura del sito visualizzando i contenuti consigliati. Ciò che contraddistingue la barra degli elementi consigliati è lo scenario di utilizzo.

La barra degli elementi consigliati si trova nella parte inferiore della finestra del browser. A seconda della configurazione, potrebbe diventare visibile dopo un po' di tempo, ad esempio dopo che gli utenti abbiano visualizzato un certo punto della pagina. Questo plug-in può rivelarsi particolarmente utile perché fornisce ai visitatori suggerimenti per altri contenuti che potrebbero trovare interessanti.

Quando viene integrata la barra degli elementi consigliati nel sito Web, è opportuno prendere in considerazione la sua integrazione con le pagine dettaglio. In questo modo, quando i visitatori finiscono di utilizzare il contenuto corrente, viene loro fornito un passaggio successivo. Anche questo plug-in richiede l'SDK JavaScript di Facebook. Il plug-in stesso è rappresentato dal commento riportato di seguito:

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

Poiché si desidera che gli elementi consigliati siano visibili su tutte le pagine, è necessario aggiungerlo ai layout di pagina usati dalle pagine dettaglio. Di seguito è riportato il markup da aggiungere ai layout di pagina a per assicurarsi che la barra delle raccomandazioni funzioni per ogni pagina. Si noti come i contenuti dell'attributo data-href siano impostati in modo dinamico utilizzando il controllo SeoCanonicalLink illustrato in precedenza:

<!--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>-->

Come per tutti gli altri contenuti, gli elementi consigliati visualizzati nell'apposita barra sono controllati dall'attività del sito Web e registrati da Facebook. Sebbene la barra delle raccomandazioni visualizzi suggerimenti di contenuto personalizzati, non offre alcun controllo sul contenuto visualizzato. Anche se le differenze sugli elementi consigliati potrebbero essere sottili, è possibile decidere se i visitatori rimangano nel sito Web.

Un'alternativa all'integrazione della barra delle raccomandazioni Facebook che vale la pena considerare è l'uso della funzionalità di raccomandazioni per il contenuto fornita con SharePoint Server 2016. Anche se ciò richiede alcune personalizzazioni per ottenere un'esperienza utente simile a quella della barra degli elementi consigliati di Facebook, il grande vantaggio è che è possibile controllare quali contenuti vengono visualizzati come elementi consigliati. Dal momento che i suggerimenti per i contenuti si basano sul servizio di ricerca di SharePoint Server 2016, è possibile utilizzare tutte le sue funzionalità per accertarsi che gli elementi consigliati più rilevanti vengano mostrati ai visitatori.

Bonus

Se l'organizzazione offre prodotti o servizi ai clienti, l'integrazione con Facebook potrebbe essere una scelta saggia. Se la tua azienda è più basata sulle conoscenze ed è destinata ad altre aziende, potrebbe valere la pena di integrarsi anche con Viva Engage. Per dirla in modo semplice: Viva Engage è Facebook per le aziende. Consente alle organizzazioni di condividere le proprie conoscenze comunicando nei limiti dell'organizzazione. Rendere più semplice per i visitatori condividere il contenuto del sito Web con le reti Viva Engage potrebbe aiutarti a raggiungere più clienti aziendali.

Anche se Viva Engage non offre tanti plug-in come Facebook, una cosa che potresti facilmente includere nel tuo sito Web è un pulsante Yam it. Il pulsante Yam it consente ai visitatori di condividere la pagina che stanno visitando con la rete Viva Engage con un solo clic del mouse. Ecco un codice di esempio di un pulsante 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>

Il pulsante Yam it è interamente basato su JavaScript quindi può essere inserito direttamente nel frammento precedente in SharePoint. Dal punto di vista dell'integrazione, il pulsante Yam it può essere paragonato al pulsante Mi piace di Facebook. Quindi, ovunque tu pensi che sia giusto includere il pulsante Facebook Mi piace, è probabilmente un buon posto per includere anche il pulsante Yam it.

Riepilogo

L'integrazione di social network con il sito Web può consentire di espandere la copertura del sito Web e permettere ai visitatori di scoprire nuovi contenuti. La maggior parte dei social network offre plug-in standard che possono essere facilmente integrati nel sistema di gestione dei contenuti. SharePoint non fa eccezione. Indipendentemente dal fatto che si desideri integrare i social media solo su pagine specifiche o su tutte le pagine di un certo tipo, SharePoint offre la possibilità di farlo senza problemi.