Integrieren von sozialen Medien mit öffentlich zugänglichen Websites in SharePoint

GILT FÜR:2013 2016 2019 Subscription Edition SharePoint in Microsoft 365

Die Integration sozialer Medien in Ihre organization kann Ihnen helfen, die Ziele Ihrer organization zu erreichen. Sie können die Integration in Ihrem Intranet durchführen, um die Transparenz zu erhöhen. Sie können aber auch soziale Netzwerke auf Ihrer öffentlich zugänglichen Website integrieren, um die Reichweite zu erweitern und die Konvertierung zu steigern.

Integration sozialer Medien

Die Integration mit sozialen Medien steht schon seit geraumer Zeit im Fokus. Viele Organisationen möchten soziale Netzwerke in ihre öffentlich zugängliche Website integrieren, ohne genau zu wissen, was eine solche Integration bedeutet und wie sie die Ziele der Organisation unterstützen sollen. Ziel dieses Artikels ist es nicht, Ihnen zu einer Vision bei der Verwendung sozialer Netzwerke in Ihrer Organisation zu verhelfen. Stattdessen werden mehrere Integrationsszenarien und deren Vorteile für Ihr Unternehmen vorgestellt. Schließlich müssen Sie eine fundierte Entscheidung darüber treffen, welche dieser Integrationstechniken für Ihr Szenario geeignet ist und wie die Integration aussehen soll.

Aus Kommunikationssicht kann eine Integration mit sozialen Medien auf zwei Weisen erfolgen:

• Veröffentlichen von Informationen auf Ihrer Website in sozialen Netzwerken, was so einfach sein kann wie das Hinzufügen des Facebook-Buttons "Gefällt mir". Diese Aktion ermöglicht es Ihnen, die Reichweite der Inhalte auf Ihrer Website über ihre Grenzen hinaus zu erweitern und die Freunde und Kollegen Ihrer Besucher zu erreichen.

• Verwenden Sie die Informationen der aktuellen Besucher aus sozialen Netzwerken, um zu steuern, welche Inhalte auf Ihrer Website am relevantesten sind. Dieser Ansatz hilft Ihren Besuchern, neue Inhalte auf Ihrer Website zu entdecken. Diese Aktion kann Ihnen helfen, Ihre Reichweite zu erweitern und die Conversion auf Ihrer Website zu steigern.

In diesem Artikel wird die erste Option beschrieben.

Die Grundlagen für die Integration sozialer Medien in SharePoint 2013

Zweck der Integration mit sozialen Medien ist es, so viele Leute wie möglich zu erreichen. Wenn Besucher den Inhalt Ihrer Website entdecken, können sie ihn mit ihren Freunden teilen, die sie wieder mit ihren Freunden teilen können. Bevor Sie es wissen, erreichen Ihre Inhalte Personen, die sonst vielleicht noch nicht einmal von Ihrer Website gewusst haben. Damit diese Aktion ausgeführt wird, müssen Sie jedoch überprüfen, ob Ihre Inhalte in sozialen Netzwerken genau so aussehen, wie sie aussehen sollen.

So wie Sie Ihre Webinhalte für Internetsuchmaschinen optimieren können, können Sie Metainformationen zu Ihren Inhalten in sozialen Netzwerken bereitstellen. Viele soziale Netzwerke (z. B. Facebook oder Viva Engage) verwenden das Open Graph-Protokoll, um Informationen zu Ihren Inhalten abzurufen. Um zu steuern, wie Ihre Inhalte angezeigt werden, wenn sie in sozialen Netzwerken freigegeben werden, müssen Sie Open Graph-Metadaten in Ihre Website integrieren. Die Metadaten müssen die Essenz Ihrer Inhalte so beschreiben, dass jeder, der Ihre Inhalte in einem sozialen Netzwerk sieht, darauf klicken will.

Integrieren von Open Graph in eine mit SharePoint 2013 erstellte öffentlich zugängliche Website

Das Veröffentlichen von Open Graph-Metadaten für eine Website, die mit SharePoint Server 2016 erstellt wurde, ist nicht komplex. Es gibt jedoch mehrere Dinge, die Sie berücksichtigen sollten.

Open Graph definiert zunächst verschiedene Arten von Webinhalten, ähnlich wie sie mit Inhaltstypen in SharePoint erreicht werden können. Bevor Sie Open Graph in Ihre Website integrieren, benötigen Sie ein gutes Verständnis Ihrer Arten von Inhalten und deren effektive Beschreibung.

Es gibt auch Unterschiede bei der Veröffentlichung von Inhalten. SharePoint Server 2016 bietet zwei Inhaltsveröffentlichungsmodelle:

• Das klassische Inhaltsveröffentlichungsmodell aus SharePoint 2007 und 2010, bei dem die physische Position von Seiten ihre Position in der Hierarchie und navigation der Website bestimmt.

• Das neue suchgesteuerte Veröffentlichungsmodell, das die SharePoint Server 2016-Suche verwendet, um Inhalte aus einer oder mehreren Quellen zu veröffentlichen.

Diese Veröffentlichungsmodelle haben zwei Möglichkeiten zum Veröffentlichen von Inhalten. Planen Sie die Veröffentlichung der Informationen gemäß Ihrem Inhaltsveröffentlichungsmodell.

Open Graph-Informationen werden mithilfe von HTML-Metatags veröffentlicht. Diese Tags müssen sich im Kopfbereich Ihrer Website befinden. Um die Veröffentlichung verschiedener Open Graph-Informationen zu unterstützen, sollten Sie auf Ihrer Gestaltungsvorlage einen Inhaltsplatzhalter definieren. Mit dieser Aktion können Sie diesen Platzhalter mit den entsprechenden Metadaten aus den verschiedenen Seitenlayouts füllen. Das folgende Codebeispiel zeigt einen Inhaltsplatzhalter, der dem Standard-Seattle hinzugefügt wurde. master Gestaltungsvorlage, um die Veröffentlichung von Open Graph-Informationen zu unterstützen:

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

Gemäß dem Open Graph-Protokoll gibt es vier Eigenschaften, die für jede Webseite erforderlich sind:

• title
• type
• image
• URL

Wenn Sie keine Informationen zu Video oder Audio veröffentlichen, verwenden Sie den Artikeltyp wahrscheinlich für die meisten Ihrer Webseiten. Da nicht jede Seite ein Artikel ist, sollten Sie den Websitetyp verwenden. Der Websitetyp ist der Standardtyp, wenn kein Typ angegeben wird. Um die Arbeit mit Open Graph zu vereinfachen, können Sie das vorherige Codebeispiel erweitern, indem Sie Informationen zu Titel, URL und Typ hinzufügen. Diese Aktion würde verhindern, dass wir dasselbe Codebeispiel in jedem Seitenlayout wiederholen.

Obwohl die grundlegenden Open Graph-Informationen Teil der seo-Informationen sind, die von SharePoint Server 2016 veröffentlicht werden, können Sie diese Informationen nicht direkt mit standardmäßigen SharePoint Server 2016-SEO-Steuerelementen auf Gestaltungsvorlagen und Seitenlayouts als Open Graph-Metatags anzeigen. Um diese Steuerelemente für die Veröffentlichung von Open Graph-Metadaten zu verwenden, haben wir eine Reihe von Wrappersteuerelementen erstellt und zusammen mit diesem Artikel veröffentlicht, um zu erläutern, wie Sie ähnliche Wrappersteuerelemente erstellen können.

Mithilfe der Suchmaschinenoptimierungsfunktionen von SharePoint Server 2016 können wir die Informationen zur Seite wie folgt abrufen:

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

Bei diesem Ansatz wird davon ausgegangen, dass der Titel Ihrer Seite in sozialen Netzwerken genau wie in der Titelleiste eines Webbrowsers veröffentlicht werden soll. Für einen anderen Ansatz können Sie eine der folgenden Optionen verwenden:

• Ersetzen Sie den Inhalt der title-Eigenschaft durch eine geeignete Alternative.
• Entfernen Sie es, und füllen Sie ihn dann aus dem OpenGraphPlaceHolder-Inhaltsplatzhalter aus.

Der große Vorteil der Verwendung der standardmäßigen Steuerelemente für die Suchmaschinenoptimierung in SharePoint Server 2016 besteht darin, dass sie für das klassische und suchgesteuerte Inhaltsveröffentlichungsmodell verwendet werden. Sie rufen die erforderlichen Inhalte automatisch mit dem erforderlichen Ansatz ab.

Der nächste Schritt besteht darin, die seitentypspezifischen Informationen gemäß dem Open Graph-Protokoll bereitzustellen. Für Seiten, die das klassische Veröffentlichungsmodell verwenden, können Sie Veröffentlichungssteuerelemente verwenden, um den Inhalt abzurufen. Zum Beispiel:

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

Wenn Sie die suchgesteuerte Veröffentlichung verwenden, verwenden Sie stattdessen Katalogelement-Webparts wiederverwenden:

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

In den meisten Szenarien, in denen Sie die websiteübergreifende Veröffentlichung verwenden, kann der Inhalt der Detailseiten (die als Katalogelementseiten bezeichnet werden) aus dem Suchindex und wie zuvor gezeigt abgerufen werden. Der Inhalt von Übersichtsseiten (die als Kategorieseiten bezeichnet werden) wird durch die Informationen aus dem Verwalteten Metadatendienst bestimmt. Wenn Sie Informationen abrufen müssen, die als Teil ihres Open Graph-Manifests angezeigt werden sollen, verwenden Sie das TermProperty-Steuerelement :

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

Verschiedene soziale Netzwerke unterstützen unterschiedliche Metadaten. Überprüfen Sie die API, die erforderlich ist, um Ihre Website in das spezifische soziale Netzwerk zu integrieren. Mithilfe der vorherigen Beispiele können Sie relevante Informationen zu Ihren Webseiten bereitstellen und die gute Darstellung Ihrer Inhalte in sozialen Netzwerken überprüfen.

Nachdem Sie die grundlegenden Informationen zu Ihren Webseiten konfiguriert haben, wollen wir nun die verschiedenen Integrationsmöglichkeiten untersuchen, die soziale Netzwerke bieten. Aus Gründen der Kürze konzentrieren wir uns auf Facebook, aber die vorgestellten Mechanismen könnten für andere soziale Netzwerke gelten.

Übersicht über Facebook Social Plugins und deren Beitrag zur Integration sozialer Medien in Ihre SharePoint 2013-Website

Facebook bietet mehrere Standard-Plug-Ins, mit deren Hilfe Sie Facebook in Ihre Website integrieren können. Die Übersicht über alle verfügbaren Plug-Ins finden Sie unter Facebook Social Plugins. Es folgt eine Übersicht über einige Plug-Ins und ihre Integration in Ihre Website.

Bevor Sie beginnen: Insights

Bei der Integration mit Facebook können Sie Ihrer Website ein oder mehrere Widgets hinzufügen. Obwohl dies Ihren Besuchern ermöglicht, mit Ihrer Website über Facebook Plugins zu interagieren, erhalten Sie nur sehr wenig Feedback darüber, wie Ihre Besucher die Social-Media-Funktionen nutzen, die Sie ihnen bereitgestellt haben. Die gute Nachricht ist, dass wenn Sie weitere Informationen zur Nutzung von Facebook-Plug-Ins auf Ihrer Website wünschen, Sie von der Funktion "Insights" profitieren können, die Facebook bietet. Nachdem Sie Ihre Website als Facebook-Anwendung registriert und die Anwendungs-ID Ihrer Website hinzugefügt haben, können Sie in allen Widgets auf Analysedaten zur Nutzung von Facebook auf Ihrer Website zugreifen.

Weitere Informationen finden Sie unter Facebook Insights.

"Gefällt mir"-Button

Der "Gefällt mir"-Button von Facebook ist das wohl beliebteste Facebook Social Plugin. Über einen Mausklick können Ihre Besucher ihre Facebook-Freunde wissen lassen, dass ihnen eine Seite auf Ihrer Website gefällt. Die Folge ist, dass Ihre Seite und möglicherweise Ihre gesamte Website zusätzliche Aufmerksamkeit erfährt.

Obwohl Sie die Schaltfläche "Gefällt mir" auf jeder Seite ihrer Webseite einfügen möchten, ist sie möglicherweise am effektivsten auf Detailseiten, die die wichtigen Inhalte enthalten, nach denen Ihre Besucher suchen. Die Integration der Facebook Like Button auf Ihrer Website ist einfach und kommt darauf hinaus, zwei HTML-Codeausschnitte in Ihre Websites einzubinden.

Da ist zunächst der Aufruf des Facebook SDK, der einmal pro Seite direkt hinter dem Tag body hinzugefügt werden muss:

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

Wenn Sie Ihre Website als Facebook-Anwendung registriert haben, müssen Sie Ihre in diesem Codeausschnitt unterstrichene Anwendungs-ID hinzufügen:

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

Da dieser HTML-Codeausschnitt von allen Seiten Ihrer Website gemeinsam genutzt wird, müssen Sie ihn so Ihrer SharePoint-Website hinzufügen, dass er Teil Ihrer Gestaltungsvorlage wird (siehe die folgende Abbildung).

Das zweite Codebeispiel, das Sie hinzufügen müssen, ist der "Gefällt mir"-Button selbst:

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

Da die Platzierung des "Gefällt mir"-Buttons je nach Seite variieren kann, ist die beste Möglichkeit seiner Integration in Ihre Website sein Hinzufügen zum Seitenlayout.

Gemäß den Richtlinien für die Schaltfläche "Gefällt mir" muss die Schaltfläche "Gefällt mir" die absolute URL der Seite enthalten, auf der sie integriert ist. Im zuvor erwähnten Codebeispiel wurde die absolute URL dem Attribut data-href hinzugefügt. Da wir den Code im Seitenlayout ablegen möchten, wollen wir keine feste URL hinzufügen. Stattdessen wollen wir die URL der aktuellen Seite einfügen, die mithilfe des Seitenlayouts gerendert wird. Angesichts der Tatsache, dass SharePoint Server 2016 Unterstützung für physische und benutzerfreundliche URLs bietet, besteht die beste Möglichkeit zum Abrufen der URL der aktuellen Seite darin, das kanonische URL-Steuerelement von SharePoint Server 2016 zu verwenden. Kombiniert mit dem HTML-Codebeispiel für den "Gefällt mir"-Button sieht das Ergebnis so aus:

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

Beim Entwickeln des Plug-Ins für den "Gefällt mir"-Button lohnt es sich zu überlegen, ob die Option "Senden" hinzugefügt werden sollte.

Wenngleich eine sehr einfache Idee, kann die Integration des "Gefällt mir"-Buttons in Ihre Website dafür sorgen, dass sich die Reichweite Ihrer Inhalte erhöht. Ein weiterer Vorteil, den Sie durch die Verwendung der Schaltfläche "Gefällt mir" auf Ihrer Website erhalten, besteht darin, dass Sie in Kombination mit den Suchanalysefunktionen von SharePoint Server 2016 das Ereignis einer Person verwenden können, die eine Webseite auf Ihrer Website gefällt. Mithilfe dieser Informationen können Sie beispielsweise Inhalte präsentieren, die an einer markanten Stelle auf Ihrer Website Gefallen gefunden haben, was wiederum Ihre Chancen zur Kundengewinnung steigert.

Schaltfläche "Senden"

Beim Entwickeln des Plug-Ins für den "Gefällt mir"-Button lohnt es sich zu überlegen, ob die Option "Senden" hinzugefügt werden sollte. Während das Klicken auf "Gefällt mir" Ihren Besuchern die Möglichkeit gibt, Ihre Webseite mit anderen zu teilen, können Sie bei Klicken auf die Schaltfläche "Senden" auswählen, mit wem Sie Ihre Website teilen möchten. Dies bietet ihnen mehr Flexibilität und fördert das Teilen der Inhalte Ihrer Website mit anderen.

Kommentare

Die Veröffentlichung von Originalinhalten ist eine gute Möglichkeit, an Beliebtheit zu gewinnen und die Bewertung Ihrer Websites in Suchmaschinen zu verbessern. Darüber hinaus können Sie dadurch, dass Sie den Besuchern ermöglichen, Feedback zu geben, Ihre Website noch benutzerfreundlicher und besser auf die Interessen Ihrer Zielgruppe zuschneiden. Facebook bietet das Plug-In "Kommentare", das Sie in Ihre Website integrieren können, damit die Besucher auf Ihrer Website Kommentare hinterlassen können.

Dadurch, dass Sie Ihren Besuchern die Möglichkeit geben, mittels Facebook Ihre Inhalte zu kommentieren, können sich Vorteile für Sie und Ihre Besucher ergeben. Wenngleich abhängig von der Zielgruppe Ihrer Website, haben viele Leute heutzutage ein Facebook-Konto. Es ist einfacher für sie, ihr vorhandenes Facebook-Profil zu verwenden, um einen Kommentar auf Ihrer Website zu hinterlassen, anstatt einem anderen Registrierungsprozess zu folgen.

Ein weiterer Vorteil von Facebook für Kommentare ist, dass wenn jemand Ihren Inhalt kommentiert, er diesen Kommentar mit seinen Freunden teilt. Theoretisch können Sie dadurch Ihre Reichweite noch weiter ausdehnen. Doch zu bedenken ist, dass auch nicht so schmeichelhafte Kommentare mit allen anderen geteilt werden.

Die Integration des Facebook-Plug-Ins "Kommentare" erfolgt ähnlich wie die des Facebook-Buttons "Gefällt mir". Zumeist ist gewünscht, dass das Facebook-Plug-In "Kommentare" unter dem Inhalt der jeweiligen Seite angezeigt wird. Hierzu können Sie es dem Inhalt aller Seitenlayouts hinzufügen, die auf Ihrer Website verwendet werden.

Ähnlich wie der Facebook-Button "Gefällt mir" besteht das Plug-In "Kommentare" aus zwei Codebeispielen. Das erste entspricht dem für den Facebook-Button "Gefällt mir". Wenn Sie also planen, beide Plug-Ins zu integrieren, müssen Sie es nur einmal hinzufügen.

Der zweite Codeausschnitt ist das Comments-Plug-In selbst. Es sollte an der Stelle positioniert werden, an der sie im Seitenlayout angezeigt werden soll:

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

Wie beim Facebook-Button "Gefällt mir" muss das Attribut data-hrefdie absolute URL der Seite enthalten, für die Sie die Kommentarfunktion zur Verfügung stellen möchten. Da dies sehr wahrscheinlich die aktuellen Seite ist, können Sie wiederum vom Steuerelement SeoCanonicalLink profitieren, um die URL der aktuellen Seiten abzurufen:

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

Aktivitätsfeed

Ein weiteres interessantes Plug-In, das Facebook für die Integration seiner Funktionen in öffentlich zugängliche Websites bietet, heißt "Aktivitätsfeed".

Das Plug-In "Aktivitätsfeed" zeigt die letzten Aktivitäten auf Ihrer Website. Immer wenn jemandem eine Seite auf Ihrer Website gefällt, wird mithilfe des Plug-Ins "Aktivitätsfeed" das "Gefällt mir" im Aktivitätsfeed angezeigt. Andere benutzerdefinierte Aktionen können ebenfalls im Aktivitätsfeed aufgezeichnet, gespeichert und präsentiert werden.

Mithilfe des Plug-Ins "Aktivitätsfeed" können Ihre Besucher neue Inhalte entdecken, wodurch Sie die Reichweite Ihrer Website weiter ausdehnen können. Wenn Ihre Besucher bei Facebook angemeldet sind, zeigt der Aktivitätsfeed Aktivitäten der Freunde Ihrer Besucher. Und zumeist sind dies die Leute, die ihre Besucher kennen und denen sie vertrauen. Dies erhöht demnach die Wahrscheinlichkeit, dass sie deren Empfehlungen folgen und neue Inhalte auf Ihrer Website entdecken. Wenn sie hingegen nicht angemeldet sind, zeigt das Aktivitätsfeed-Plug-In Empfehlungen von Ihrer gesamten Website an und schlägt natürlich vor, sich bei Facebook anzumelden, um relevanteren Inhalt anzuzeigen.

Wie andere Facebook-Plug-Ins besteht auch "Aktivitätsfeed" aus zwei HTML-Codebeispielen, die für seine Integration in die Website erforderlich sind. Das erste ist der Facebook JavaScript SDK-Codeausschnitt, den wir bereits kennen. Der zweite ist der Aktivitätsfeed selbst.

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

Die Konfiguration des Aktivitätsfeeds ist einfach. Mithilfe des Attributs "data-site" müssen Sie die Domäne Ihrer Website und die anzuzeigenden Aktivitätsinformationen angeben. Mittels anderer Datenattribute können Sie die Benutzeroberfläche des Aktivitätsfeeds auf Ihrer Website und zudem steuern, ob Empfehlungen explizit einbezogen werden oder nicht.

Obwohl Sie den Aktivitätsfeed auf jeder Seite Ihrer Website platzieren könnten, kann dies ein Nachteil sein, da Ihre Besucher von Ihren Inhalten abgelenkt werden. Da der Aktivitätsfeed Ihnen ermöglicht, die Reichweite Ihrer Website zu vergrößern, es ist möglicherweise besser, Ihre Webanalysedaten auszuwerten und den Aktivitätsfeed strategisch klüger zu platzieren, z. B. auf häufigen Ausgangsseiten und Angebotsseiten sowie der Startseite.

Da Sie in den meisten Szenarien den Aktivitätsfeed auf bestimmten Seiten einbetten, empfiehlt es sich, ihn nicht der Gestaltungsvorlage oder Seitenlayouts, sondern bestimmten Seiten hinzuzufügen. Die beste Möglichkeit ist das Einbetten des Aktivitätsfeed-Codebeispiels in die Seite mithilfe des Script Editor-Webparts.

Empfehlungsleiste

Ein geringfügig anderes, aber nicht minder interessantes Plug-In ist die Empfehlungsleiste. Auch dieses Plug-In kann Ihrer Website zu einer größeren Reichweite verhelfen, indem es empfohlene Inhalte anzeigt. Worin sich die Empfehlungsleiste unterscheidet, ist ihr Verwendungsszenario.

Die Empfehlungsleiste befindet sich am unteren Rand des Browserfensters. Je nach Konfiguration kann es nach einiger Zeit sichtbar werden, z. B. nachdem Benutzer einen bestimmten Punkt der Seite überschritten haben. Dieses Plug-In kann sehr nützlich sein, da es Ihren Besuchern Vorschläge für zusätzliche Inhalte bietet, die sie möglicherweise interessant finden.

Wenn Sie die Empfehlungsleiste in Ihre Website integrieren möchten, sollten Sie erwägen, dies auf Detailseiten zu tun. Dadurch wird Ihren Besuchern, wenn sie mit der Nutzung des aktuellen Inhalts fertig sind, ein nächster Schritt angeboten. Damit dieses Plug-In funktioniert, ist ein Verweis auf das Facebook JavaScript SDK erforderlich. Das Plug-In selbst wird durch das folgende Markup dargestellt:

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

Da Sie möchten, dass Empfehlungen auf allen Seiten gezeigt werden, sollten Sie es den von Ihren Detailseiten verwendeten Seitenlayouts hinzufügen. Im Folgenden finden Sie das Markup, das Sie Ihren Seitenlayouts hinzufügen sollten, um sicherzustellen, dass die Empfehlungsleiste für jede Seite funktioniert. Beachten Sie, wie die Inhalte des Attributs data-href mithilfe des zuvor behandelten Steuerelements "SeoCanonicalLink" dynamisch festgelegt werden.

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

Wie alle anderen Inhalte werden die auf der Empfehlungsleiste gezeigten Empfehlungen von der Aktivität auf Ihrer Website gesteuert und von Facebook aufgezeichnet. Obwohl die Empfehlungsleiste personalisierte Inhaltsvorschläge anzeigt, bietet sie Ihnen keine Kontrolle darüber, welche Inhalte wo angezeigt werden. Obwohl die Unterschiede bei den Elementen, die als Empfehlungen angezeigt werden, geringfügig sind, könnten sie darüber entscheiden, ob Ihre Besucher auf Ihrer Website verweilen.

Eine Alternative zur Integration der Facebook Empfehlungsleiste, die in Betracht gezogen werden sollte, ist die Verwendung der Inhaltsempfehlungenfunktion, die in SharePoint Server 2016 bereitgestellt wurde. Obschon einige Anpassungen erforderlich wären, um eine ähnliche Benutzererfahrung wie die Facebook-Empfehlungsleiste zu bieten, ist der große Vorteil, dass Sie steuern können, welche Inhalte als Empfehlungen angezeigt werden. Da Inhaltsempfehlungen auf der SharePoint Server 2016-Suche basieren, können Sie alle zugehörigen Funktionen verwenden, um sicherzustellen, dass den Besuchern die relevantesten Empfehlungen angezeigt werden.

Bonus

Wenn Ihr organization Kunden Produkte oder Dienstleistungen anbietet, ist die Integration mit Facebook möglicherweise eine gute Wahl. Wenn Ihr Unternehmen eher auf Wissen basiert und auf andere Unternehmen ausgerichtet ist, kann es sich lohnen, auch in Viva Engage zu integrieren. Einfach ausgedrückt: Viva Engage ist für Unternehmen Facebook. Es hilft Organisationen, ihr Wissen zu teilen, indem sie innerhalb der Grenzen ihrer organization kommunizieren können. Wenn Sie es Ihren Besuchern erleichtern, die Inhalte Ihrer Website mit ihren Viva Engage Netzwerken zu teilen, können Sie möglicherweise mehr Geschäftskunden erreichen.

Obwohl Viva Engage nicht so viele Plug-Ins anbietet wie Facebook, ist eine Sache, die Sie leicht in Ihre Website aufnehmen können, eine Yam it-Schaltfläche. Über die Schaltfläche Yam it können Ihre Besucher die Seite, die sie gerade besuchen, mit einem einzigen Mausklick mit ihrem Viva Engage Netzwerk teilen. Es folgt Beispielcode für einen Yam it-Button:

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

Der Yam it-Button ist vollständig JavaScript-basiert, sodass Sie den vorherigen Codeausschnitt in SharePoint direkt und unverändert hinzufügen können. Aus Integrationssicht kann der Yam it-Button am ehesten mit dem Facebook-Button "Gefällt mir" verglichen werden. Wo immer Sie das Gefühl haben, die Facebook Schaltfläche "Gefällt mir" einzuschließen, ist es wahrscheinlich ein guter Ort, um auch die Yam it-Schaltfläche einzuschließen.

Zusammenfassung

Durch das Integrieren sozialer Netzwerke mit Ihrer Website können Sie deren Reichweite ausdehnen und dafür sorgen, dass Ihre Besucher neue Inhalte entdecken. Die meisten sozialen Netzwerke bieten Standard-Plug-Ins, die einfach mit Ihrem Content-Management-System integriert werden können. SharePoint bildet hier keine Ausnahme. Unabhängig davon, ob Sie soziale Medien nur auf einigen bestimmten Seiten oder allen Seiten eines bestimmten Typs integrieren möchten, bietet Ihnen SharePoint dazu flexible Möglichkeiten.