Интеграция социальных сетей с общедоступными веб-сайтами в SharePoint

2023-03-08

ОБЛАСТЬ ПРИМЕНЕНИЯ: no-img-13 2013 yes-img-16 2016 yes-img-19 2019 no-img-se Subscription Edition no-img-sop SharePoint в Microsoft 365

Интеграция социальных сетей в организации поможет вам достичь целей организации. Вы можете выполнить интеграцию в интрасети, чтобы повысить прозрачность. Но вы также можете интегрировать социальные сети на общедоступный веб-сайт, чтобы расширить охват и увеличить конверсию.

Интеграция с социальными сетями стала шумихой в последние несколько лет. Многие организации хотят, чтобы социальные сети были интегрированы с общедоступным веб-сайтом без четкого понимания того, что такое интеграция и как она должна поддерживать цели организации. Эта статья не поможет вам сформировать видение использования социальных сетей в вашей организации. Вместо этого в нем представлено несколько различных сценариев интеграции и показано, как вы можете воспользоваться ими. В конечном итоге вы должны сделать образованный выбор того, какой из этих методов интеграции подходит для вашего сценария, и как должна выглядеть интеграция.

С точки зрения обмена информацией интеграцию с социальными сетями можно проводить двумя способами.

Публиковать информацию со своего веб-сайта в социальных сетях или, например, добавить к опубликованной статье кнопку "Нравится" в Facebook. Это действие позволяет расширить охват содержимого на вашем веб-сайте за его пределами и связаться с друзьями и коллегами ваших посетителей.
Используйте информацию текущего посетителя из социальных сетей, чтобы контролировать, какое содержимое на вашем веб-сайте будет наиболее актуальным. Этот подход помогает посетителям открывать новое содержимое на вашем веб-сайте. Это действие поможет вам расширить охват и увеличить конверсию на веб-сайте.

В данной статье мы рассмотрим первый вариант.

Интеграция сайта с социальными сетями ориентирована на привлечение как можно большего количества людей. Когда посетители обнаруживают содержимое вашего веб-сайта, они могут поделиться им со своими друзьями, которые снова могут поделиться им со своими друзьями. Прежде чем вы это узнаете, ваш контент достигает людей, которые в противном случае могли бы даже не знать о вашем веб-сайте. Но, чтобы это действие произошло, вам нужно проверить, что содержимое отображается именно так, как вы хотите, чтобы оно выглядело в социальных сетях.

Так же, как вы можете оптимизировать веб-содержимое для поисковых систем в Интернете, вы можете предоставлять метаданные о своем контенте в социальных сетях. Многие социальные сети (например, Facebook или Viva Engage) используют протокол Open Graph для получения сведений о содержимом. Чтобы управлять отображением содержимого при совместном использовании в социальных сетях, необходимо интегрировать метаданные Open Graph на веб-сайт. Эти метаданные должны содержать описание основных особенностей контента, чтобы любой, кто увидит его в социальной сети, захотел перейти по ссылке на ваш сайт.

Интеграция протокола Open Graph с общедоступным веб-сайтом, созданным с помощью SharePoint 2013

Публикация метаданных Open Graph для веб-сайта, созданного с помощью SharePoint Server 2016, не является сложной задачей. Но есть несколько вещей, которые вы должны учитывать.

Во-первых, Open Graph определяет различные типы веб-содержимого, аналогично тому, что можно достичь с помощью типов контента в SharePoint. Прежде чем интегрировать Open Graph на веб-сайт, необходимо хорошо понять типы содержимого и как его эффективно описать.

Существуют также различия в том, как публикуется содержимое. SharePoint Server 2016 предлагает две модели публикации содержимого:

Классическая модель публикации контента из SharePoint 2007 и 2010, где физическое расположение страниц определяет их расположение в иерархии и навигации веб-сайта.
Новая модель публикации на основе поиска, которая использует поиск SharePoint Server 2016 для публикации содержимого из одного или нескольких источников.

Эти модели публикации имеют два способа публикации содержимого. Запланируйте публикацию информации в соответствии с моделью публикации контента.

Данные Open Graph публикуются с помощью метатегов HTML. Эти теги должны находиться в разделе заголовка вашего веб-сайта. Для поддержки публикации различных сведений Open Graph необходимо определить место для размещения содержимого на главной странице. Это действие позволяет заполнить заполнитель соответствующими метаданными из разных макетов страниц. Ниже приведен пример кода, в котором заполнитель контента добавлен на стандартную главную страницу seattle.master для поддержки публикации данных Open Graph:

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

В соответствии с протоколом Open Graph для каждой веб-страницы требуется четыре свойства:

заголовок
type
image
URL-адрес

Если вы не публикуете информацию о видео или аудио, вы, скорее всего, будете использовать тип статьи для большинства веб-страниц. Так как не каждая страница является статьей, может потребоваться использовать тип веб-сайта . Тип веб-сайта является типом по умолчанию, если тип не указан. Чтобы упростить работу с Open Graph, можно развернуть предыдущий пример кода, добавив сведения о заголовке, URL-адресе и типе. Это действие предотвратит повторение одного и того же примера кода в каждом макете страницы.

Хотя основные сведения о Open Graph являются частью информации о SEO, опубликованной SharePoint Server 2016, вы не можете напрямую использовать стандартные элементы управления SEO SharePoint Server 2016 для отображения этой информации на главных страницах и макетах страниц в виде метатегов Open Graph. Чтобы использовать эти элементы управления для публикации метаданных Open Graph, мы создали набор элементов управления-оболочкой и опубликовали их вместе с этой статьей, чтобы объяснить, как можно создавать аналогичные элементы управления-оболочкой.

Используя возможности оптимизации поисковой системы SharePoint Server 2016, мы можем получить сведения о странице следующим образом:

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

Этот подход предполагает, что вы хотите, чтобы заголовок вашей страницы был опубликован в социальных сетях точно так же, как он отображается в строке заголовка веб-браузера. Для другого подхода можно выполнить один из следующих вариантов:

Замените содержимое свойства title подходящим вариантом.
Удалите его, а затем заполните его из заполнителя содержимого OpenGraphPlaceHolder .

Большое преимущество использования стандартных элементов управления оптимизацией поисковой системы SharePoint Server 2016 заключается в том, что они работают для классических моделей публикации контента и на основе поиска. Они автоматически извлекают необходимое содержимое, используя необходимый подход.

Следующий этап предоставление данных в соответствии с выбранным типом страницы и протоколом Open Graph. Для страниц, использующих классическую модель публикации, можно использовать элементы управления Публикация, чтобы получить содержимое. Например:

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

При публикации на основе поиска вместо этого следует использовать веб-части элемента каталога:

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

В большинстве сценариев, в которых используется публикация между сайтами, содержимое страниц сведений (которые называются страницами элементов каталога) можно извлечь из индекса поиска и, как показано ранее. Содержимое страниц обзора (которые называются страницами категорий) определяется сведениями из службы управляемых метаданных. Если вам нужно получить сведения для отображения в манифесте Open Graph, используйте элемент управления 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>-->

Разные социальные сети поддерживают разные метаданные. Проверьте API, необходимый для интеграции веб-сайта с определенной социальной сетью. Используя предыдущие примеры, вы можете предоставить соответствующую информацию о своих веб-страницах и проверить правильное представление содержимого в социальных сетях.

После настройки основной информации о веб-страницах давайте ознакомимся с различными возможностями интеграции, которые предоставляют социальные сети. Для краткости мы сосредоточимся на Facebook, но представленные механизмы могут применяться к другим социальным сетям.

В Facebook доступны несколько стандартных подключаемых модулей, которые вы можете интегрировать со своим веб-сайтом. Обзор всех доступных подключаемых модулей опубликован на странице Facebook Подключаемые модули социальных параметров. Далее следует обзор некоторых подключаемых модулей и описание способов их интеграции с веб-сайтом.

Перед началом работы: инструмент Insights

При интеграции с социальной сетью Facebook вы можете добавить на свой веб-сайт одно или несколько мини-приложений. Хотя это позволяет вашим посетителям взаимодействовать с вашим веб-сайтом с помощью Facebook подключаемых модулей, он дает вам очень мало отзывов о том, как ваши посетители используют возможности социальных сетей, которые вы предоставили им. Если вы хотите получить больше информации об использовании на вашем сайте социальных подключаемых модулей Facebook, вы можете воспользоваться инструментом Insights, предоставляемым социальной сетью Facebook. После регистрации своего веб-сайта в качестве приложения Facebook и включения в веб-сайт идентификатора приложения вы сможете получать доступ к аналитическим данным об использовании Facebook на вашем веб-сайте из всех мини-программ.

Дополнительные сведения см. на странице Аналитические сведения о Facebook.

Кнопка "Нравится"

Кнопка "Нравится" — это, пожалуй, самый популярный из всех социальных подключаемых модулей Facebook. Одним щелчком мыши ваши посетители могут показать своим друзьям, что им понравилась страница на вашем веб-сайте. Как результат, ваша страница и даже весь веб-сайт могут привлечь дополнительное внимание посетителей.

Не спешите размещать кнопку "Нравится" на всех страницах своего веб-сайта, наиболее эффективное место для нее это страницы сведений, содержащие важную информацию, которую ищут посетители. Интегрировать кнопку "Нравится" совсем не сложно, нужно просто включить в веб-сайт два фрагмента кода HTML.

На каждой странице сразу после тега body следует разместить вызов SDK Facebook:

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

Если вы зарегистрировали свой веб-сайт как приложение для Facebook, вам следует включить идентификатор приложения (подчеркнут) в этот фрагмент кода:

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

Так как этот фрагмент кода HTML совместно используется всеми страницами на вашем веб-сайте, чтобы включить его в свой веб-сайт SharePoint, вставьте его в код главной страницы, как показано на рисунке ниже.

Рис. 1. Код

Второй фрагмент кода, который следует включить в страницу, это сама кнопка "Нравится":

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

Поскольку кнопка "Нравится" может по-разному располагаться на страницах, лучший способ интегрировать ее с вашим веб-сайтом включить ее в макет страницы.

В соответствии с рекомендациями по кнопке "Нравится" кнопка "Нравится" должна содержать абсолютный URL-адрес страницы, на которой она интегрирована. В примере кода, приведенном выше, абсолютный URL-адрес включен в атрибут data-href. Поскольку мы хотим разместить этот код в макете страницы, URL-адрес не должен быть фиксированным. Вместо этого нам нужно вставить URL-адрес текущей страницы, полученный с помощью макета страницы. Учитывая, что SharePoint Server 2016 предлагает поддержку физических и понятных URL-адресов, лучший способ получить URL-адрес текущей страницы — использовать элемент управления Канонический URL-адрес SharePoint Server 2016. В сочетании с кодом HTML кнопки "Нравится", показанным в примере, код будет выглядеть так:

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

Создание подключаемого модуля кнопки

Создавая социальный подключаемый модуль кнопки "Нравится", рассмотрите возможность добавить параметр "Отправить".

Очень простая по своему замыслу интеграция кнопки "Нравится" с вашим веб-сайтом может помочь вам сделать его контент доступным для более широкой аудитории. Дополнительное преимущество, которое вы получаете от использования кнопки "Нравится" на веб-сайте, заключается в том, что в сочетании с возможностями Аналитики поиска SharePoint Server 2016 вы можете использовать событие пользователя, которому нравится веб-страница на вашем веб-сайте. Эти данные можно использовать, к примеру, для размещения популярного контента на заметном месте вашего сайта, что, в свою очередь, увеличит количество переходов на веб-сайте.

Кнопка " Отправить"

Создавая социальный подключаемый модуль кнопки "Нравится", рассмотрите возможность добавить кнопку "Отправить". Кнопка "Нравится" позволяет посетителям сайта поделиться веб-страницей со всеми своими друзьями, кнопка "Отправить" дает возможность выбрать, с кем именно они хотят поделиться. Ваши посетители получат возможность выбирать желаемое действие, хотя количество потенциальных посетителей при этом может сократиться.

Кнопка

Comments

Если вы публикуете уникальный незаимствованный контент, ваш веб-сайт сможет быстрее завоевать популярность и повысить рейтинг в поисковых системах. Более того, если вы разрешите посетителям оставлять на сайте отзывы, это поможет вам улучшить веб-сайт и сделать его более удобным и соответствующим интересам вашей аудитории. Для этой цели Facebook предоставляет подключаемый модуль "Комментарии".

Поле примечаний

Предоставление посетителям возможности оставлять комментарии к контенту вашего веб-сайта через Facebook может принести огромные преимущества как вам, так и вашим посетителям. На сегодняшний день многие пользователи Интернета имеют учетные записи в Facebook (но количество таких пользователей может зависеть от аудитории вашего веб-сайта). Им проще использовать существующий профиль Facebook, чтобы оставить комментарий на вашем веб-сайте, а не следовать за другим процессом регистрации.

Еще одно преимущество комментариев Facebook в том, что когда посетитель комментирует ваш контент, этот комментарий видят все его друзья. Теоретически это позволяет еще больше расширить аудиторию сайта. Но помните, что если оставленный комментарий не слишком лестный, его также все увидят.

Процесс интеграции подключаемого модуля комментариев Facebook похож на интеграцию кнопки Facebook Like Button. В большинстве случаев требуется, чтобы подключаемый модуль комментариев Facebook отображался под содержимым каждой страницы. Для этого его можно включить в содержимое каждого макета страницы, используемого на веб-сайте.

Подключаемый модуль "Комментарии", как и подключаемый модуль кнопки "Нравится", состоит из двух фрагментов кода. Первый фрагмент кода в обоих модулях одинаковый. Поэтому если вы интегрируете оба подключаемых модуля, первый фрагмент кода добавляется в код только один раз.

Второй фрагмент кода это сам подключаемый модуль "Комментарии". Расположите его там, где он должен отображаться в макете страницы:

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

Как и в случае с кнопкой Facebook "Нравится", атрибут data-href должен содержать абсолютный URL-адрес страницы, на которой вы хотите включить возможность оставлять комментарии. Если такой страницей окажется текущая, вы можете снова воспользоваться элементом управления SeoCanonicalLink, чтобы получить URL-адрес текущей страницы:

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

Веб-канал активности

Еще один интересный подключаемый модуль для интеграции возможностей социальной сети Facebook на общедоступных веб-сайтах — модуль "Веб-канал активности".

Подключаемый модуль "Веб-канал активности" показывает недавние действия на вашем веб-сайте. Когда кто-нибудь нажимает кнопку "Нравится" на странице вашего веб-сайта, подключаемый модуль отображает это действие в веб-канале активности. Другие действия пользователей также можно регистрировать, сохранять и отображать в веб-канале активности.

С помощью подключаемого модуля "Веб-канал активности" вы можете помочь своим посетителям найти новый контент на вашем сайте и таким образом расширить его аудиторию. Если ваши посетители войдут на сайт с помощью учетной записи Facebook, "Веб-канал активности" будет также отображать действия, которые выполняли на сайте их друзья в социальной службе Facebook. В большинстве случаев это люди, которые знают и доверяют друг другу. Поэтому весьма вероятно, что они воспользуются рекомендациями и найдут для себя что-то новое на вашем сайте. С другой стороны, если они не вошли в систему, подключаемый модуль Веб-канала действий будет отображать рекомендации со всего сайта и, конечно, предлагать вход в Facebook, чтобы отобразить более релевантный контент.

Как и другие подключаемые модули Facebook, модуль "Веб-канал активности" состоит из двух фрагментов кода HTML, необходимых для его интеграции с веб-сайтом. Первый фрагмент кода Facebook JavaScript SDK, который мы рассматривали ранее. Второй сам модуль "Веб-канал активности":

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

Настроить модуль "Веб-канал активности" очень просто. Используя атрибут сайта данных, вам необходимо указать домен своего веб-сайта, а также тип информации о действиях, которую требуется отображать. Используя другие атрибуты данных, вы можете контролировать работу пользователей в веб-канале активности своего сайта, а также определять, нужно ли отображать рекомендации.

Хотя вы можете разместить канал активности на каждой странице веб-сайта, есть вероятность, что это будет работать против вас и отвлекать ваших посетителей от вашего содержимого. Так как веб-канал активности позволяет расширить охват веб-сайта, лучше проанализировать данные веб-аналитики и разместить канал активности несколько более стратегически, например на страницах частого выхода и целевых страницах, таких как домашняя страница.

Поскольку в большинстве случаев подключаемый модуль "Веб-канал активности" размещается только на определенных страницах, мы не рекомендуем добавлять его на главную страницу и в макеты страниц. Чтобы интегрировать подключаемый модуль "Веб-канал активности" с веб-сайтом, вставьте фрагмент его кода в код страницы с помощью веб-части редактора скриптов.

Код для встраивания

Панель рекомендаций

Еще один очень интересный подключаемый модуль, который несколько отличается от предыдущих, это "Панель рекомендаций". С помощью этого подключаемого модуля вы можете привлечь больше клиентов к своему веб-сайту, отображая рекомендованный контент. Однако сценарий использования модуля "Панель рекомендаций" отличается от сценариев для других модулей, описанных выше.

"Панель рекомендаций" расположена внизу окна браузера. Вы можете настраивать отображение панели, например после прокрутки страницы до определенной отметки. Преимущество этого подключаемого модуля в том, что он показывает посетителям сайта рекомендации о дополнительном контенте, который может их заинтересовать.

Если вы планируете интегрировать модуль "Панель рекомендаций" со своим веб-сайтом, вставьте его на страницы сведений. Таким образом, когда ваши посетители просмотрели весь интересующий их контент на странице, им будет предложена дополнительная релевантная информация. Как и для предыдущих подключаемых модулей, для работы "Панели рекомендаций" необходима ссылка на JavaScript SDK в Facebook. Сам модуль имеет следующую разметку:

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

Если вы хотите, чтобы рекомендации отображались на каждой странице сайта, вам необходимо добавить этот подключаемый модуль в макеты страниц сведений. Ниже приведена разметка, которую необходимо добавить в макеты страниц, чтобы убедиться, что панель рекомендаций работает для каждой страницы. Обратите внимание, что содержимое атрибута data-href динамически настраивается с помощью элемента управления SeoCanonicalLink, рассмотренного ранее:

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

Как и другие виды содержимого, рекомендации, отображаемые модулем "Панель рекомендаций", управляются действиями пользователей на вашем веб-сайте и записываются социальной сетью Facebook. Несмотря на то, что на панели рекомендаций отображаются персонализированные предложения содержимого, она не предлагает вам никакого контроля над тем, где отображается содержимое. И хотя различия в отображении тех или иных рекомендаций могут быть незначительными, от этого может зависеть, останутся ли посетители на вашем веб-сайте.

Альтернативой интеграции панели рекомендаций Facebook, которую стоит рассмотреть, является использование возможности рекомендаций по содержимому, которая была предоставлена в SharePoint Server 2016. Чтобы эта функция работала так же как "Панель рекомендаций" сети Facebook, потребуется дополнительная настройка, но ее большое преимущество в том, что вы можете управлять наполнением контента, отображаемого в рекомендациях. Поскольку рекомендации по содержимому основаны на поиске SharePoint Server 2016, вы можете использовать все его возможности, чтобы убедиться, что наиболее релевантные рекомендации отображаются для ваших посетителей.

Бонус

Если ваша организация предлагает клиентам продукты или услуги, интеграция с Facebook может стать разумным выбором. Если ваш бизнес больше основан на знаниях и ориентирован на другие компании, возможно, стоит выполнить интеграцию с Viva Engage также. Проще говоря, Viva Engage Facebook для предприятий. Эта служба помогает организациям делиться опытом и обмениваться данными в пределах организации. Упрощение предоставления посетителям общего доступа к содержимому с вашего веб-сайта с помощью Viva Engage сетей может помочь вам охватить больше ваших бизнес-клиентов.

Хотя Viva Engage не предлагает столько подключаемых модулей, как Facebook делает, одна вещь, которую вы можете легко включить в свой веб-сайт, это кнопка Yam it. Кнопка Yam it позволяет посетителям поделиться страницей, которую они в настоящее время посещают, в Viva Engage сети одним щелчком мыши. Ниже приведен образец кода кнопки Поделиться:

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

Кнопка Поделиться создана с помощью JavaScript, поэтому вы можете добавить приведенный выше фрагмент кода непосредственно в SharePoint, не изменяя его. С точки зрения интеграции кнопку Поделиться в Yammer можно сравнить с кнопкой "Нравится" социальной сети Facebook. Так что там, где вы считаете правильным включить кнопку Facebook Нравится, это, вероятно, хорошее место для включения кнопки Yam it.

Кнопка Yam It

Сводка

Интеграция социальных сетей с вашим веб-сайтом позволяет расширить его аудиторию и помочь посетителям обнаружить на сайте новый контент. Большинство социальных сетей предоставляют стандартные подключаемые модули, которые можно легко интегрировать в свою систему управления контентом. SharePoint не исключение. Эта служба предлагает гибкие решения для легкой интеграции социальных сетей на определенных страницах сайта или на всех его страницах определенного типа.

Поделиться через

Интеграция с социальными сетями

Основные принципы интеграции с социальными сетями в SharePoint 2013