AddThis.com предлагает удобный виджет для добавления ссылки на страницу в социальные сети или закладки. Он удобен тем, что объединяет в одном приложении большинство популярных сервисов. Начиная с версии 2.3.9.3 в mojoPortal, добавлена поддержка виджета AddThis в модуле Блог, а также существует возможность его добавления в файл шаблона layout.master, для отображения на всех страницах сайта. Обратите внимание на то, что доступна также старая версия кнопки AddThis, которая длительное время была включена в mojoPortal, но, на текущий момент, предпочтительнее всё же новая версия виджета.

Для начала работы следует зарегистрировать бесплатный акаунт в AddThis.com. После входа на страницу администрирования у Вас будет возможность выбрать сервисы, которые должны отображаться виджетом. Далее необходимо добавит Ваш account id в  mojoPortal (Настройки сайта -> Ключи для API).

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

Вы можете добавить виджет AddThis в файл шаблона layout.master. Например так:

<portal:AddThisWidget ID="adthis" runat="server" />

Можно вставить его в блок div с определённым классом CSS. Также расположение блока может быть прописано в настройках файла theme.skin.

По умолчанию виджет выглядит примерно так:

AddThis widget horizontal

Ссылки для добавления настраиваются в Вашем акаунте AddThis, а внешний вид в файле theme.skin, расположенном в папке шаблона.

Как пример, если Вы добавите виджет в файл layout.master, то можно отображать его вертикально с привязкой к левой стороне страницы, разместив следующий код в файле theme.skin:

<portal:AddThisWidget runat="server"
ToolbarMarkup="<div class='addthis_toolbox addthis_floating_style addthis_counter_style' style='left:5px;top:250px;'><a class='addthis_button_facebook_like' fb:like:layout='box_count'></a><a class='addthis_button_tweet' tw:count='vertical'></a><a class='addthis_button_google_plusone' g:plusone:size='tall'></a><a class='addthis_counter'></a></div>"
/>

В результате получите нечто подобное:

AddThis vertical

Существует возможность настройки отображения виджета AddThis отдельно для ленты блога и, непосредственно, для сообщений. Для этого необходимо внести изменения в файл theme.skin (ниже представлены версии по умолчанию):

<portal:AddThisWidget runat="server"  SkinID="BlogPostDetail" 
ToolbarMarkup="<div class='addthis_toolbox addthis_default_style addthis_32x32_style'><a class='addthis_button_preferred_1'></a><a class='addthis_button_preferred_2'></a><a class='addthis_button_preferred_4'></a><a class='addthis_button_compact'></a><a class='addthis_counter addthis_bubble_style'></a></div>"
/>

<portal:AddThisWidget runat="server" SkinID="BlogList" 
ToolbarMarkupWithId="<div id='{0}' class='addthis_toolbox addthis_default_style addthis_32x32_style'><a class='addthis_button_preferred_1'></a><a class='addthis_button_preferred_2'></a><a class='addthis_button_preferred_4'></a><a class='addthis_button_compact'></a><a class='addthis_counter addthis_bubble_style'></a></div>"
/>

Обратите внимание, BlogList использует ToolbarMarkupWithId вместо ToolbarMarkup. Виджет AddThis использует withId (url, которым делятся, должен быть определён). В случае же со списком сообщений, {0} заменяется на определённый id для конкретной записи. Так что убедитесь, что данный параметр добавлен, при изменении настроек. 

ToolBarMarkup можно настраивать как угодно, на свой вкус. Главное, чтоб параметры были в одинарных кавычках.

Оригинал на английском

Вверх