Социальные мета-теги для сайтов на 1С-Битрикс

В продолжении темы размещения социальных кнопок, мы расскажем, как можно автоматизировать размещение социальных мета-тегов для сайтов на 1С-Битрикс.

У сайтов на 1С-Битрикс есть статичные страницы и динамичные. Вот как описано в курсе Битрикса http://dev.1c-bitrix.ru/learning/course/?COURSE_ID=43&LESSON_ID=2814:

Если в качестве основной рабочей области подключается физический файл, то такая страница называется статической. Если подключается динамический код, то такая страница называется динамической.

Ничего не понятно, не правда ли?

Объясняем на пальцах, если вы редактируете текст на странице через эту панель, то страница статическая:

Если редактируете текст через эту панель, то страница динамическая:

Статичные страницы Битрикс и социальные мета-теги

Начинаем со статичных страниц, что бы мы могли задать описания для социальных сетей, мы должны создать свойства в настройках модуля «Управление структурой» в настройках системы администрирования Битрикс:

Тип свойств должен быть таким же как и на скриншоте, добавлять по одной строке!!!

og:title

og:description

og:image

Название можете писать любое.

После того как свойства добавлены, их можно заполнить:

Теперь, что бы вывести данные свойства в коде шапки сайта <head> мы можем добавить в режиме «редактировать как PHP» после блока:

<?

require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");

$APPLICATION->SetPageProperty("og:image", "http://www.atrix-media.ru/upload/logo_fb.png");

$APPLICATION->SetPageProperty("og:description", "Размещение рекламы в поисковых системах и социальных сетях. Оптимизация сайтов.");

$APPLICATION->SetPageProperty("og:title", "Интернет агентство ★АТРИКС Медиа★");

?>

Эти строки:

<? 

$APPLICATION->AddHeadString('<meta property="og:title" content="'.$APPLICATION->GetProperty("og:title ").'"/>');

$APPLICATION->AddHeadString('<meta property="og:description" content="'.$APPLICATION->GetProperty("og:description").'"/>'); 

$APPLICATION->AddHeadString('<meta property="og:image" content="'.$APPLICATION->GetProperty("og:image").'"/>'); 

?>

Но, что бы не бегать по сайту и не вставлять в статичные страницы строки, можно в файл /public_html/bitrix/php_interface/init.php добавить код:

<?

AddEventHandler('main', 'OnEpilog', 'onEpilog', 1);

function onEpilog(){

    global $APPLICATION;

    $arPageProp = $APPLICATION->GetPagePropertyList();

    $arMetaPropName = array('og:title','og:description','og:image');

    foreach ($arMetaPropName as $name){

		    $key = mb_strtoupper($name, 'UTF-8');

	  if (isset($arPageProp[$key])){

		$APPLICATION->AddHeadString('<meta property="'.$name.'" content="'.htmlspecialchars($arPageProp[$key]).'">',$bUnique=true);

	  }

    }

}

?>

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

Динамичные страницы и метатеги социальных сетей

Алгоритм действий схож, создаем свойства для инфоблока:

После того как создали свойства, переходим на детальную динамическую страницу (например, http://www.atrix-media.ru/news/snippety_v/), переходим в режим правки и делаем как в скриншоте

Если у Вас нет файла component_epilog.php то его нужно создать самостоятельно в компоненте:
https://dev.1c-bitrix.ru/learning/course/?COURSE_ID=43&LESSON_ID=2995
https://dev.1c-bitrix.ru/learning/course/?COURSE_ID=43&LESSON_ID=2975
и добавляем строки:

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();

$APPLICATION->AddHeadString('<meta property="og:title" content="'.$arResult['PROPERTIES']['og_title']['~VALUE'].'" />');

$APPLICATION->AddHeadString('<meta property="og:description" content="'.$arResult['PROPERTIES']['og_description']['~VALUE'].'" />');

$APPLICATION->AddHeadString('<meta property="og:image" content="'.$arResult['PROPERTIES']['og_image']['~VALUE'].'" />');

?>

Вот и все! Если все это показалось вам слишком сложным, обращайтесь в ATRIX-Media, поможем внедрить и разобраться!

Возврат к списку