После долгого пинания балды, решил я наконец продолжить серию статей о внедрении микроразметки в наш всеми любимый двиг DLE. Это вторая статья и посвящена она будет микроразметке под Твиттер. Как и прошлая часть статья будет написана на примере видео-тьюба, ну или порно-тьюба если быть точным 🙂
Сперва покажу вам, как выглядит страница с видео роликом в твиттере до разметки
Как мы видим - голая ссылка, без какой либо информации.
Разметка ставиться за 60 сек, никаких правок в движке делать не нужно. Все что требуется - открыть админку, зайти в управление шаблонами сайта. Выбираем fullstory.tpl и в самом верху шаблона, на первых строчках вставляем:
HTML:
<meta name="twitter:card" content="player">
<meta name="twitter:url" content="{full-link}">
<meta name="twitter:title" content="{title}">
<meta name="twitter:description" content="{full-story limit="200"}">
<meta name="twitter:image" content="[xfvalue_cadr]">
<meta name="twitter:site" content="@domitory_kun">
<meta name="twitter:player" content="https://сайт.ру/embed/2324314">
<meta name="twitter:player:width" content="1024">
<meta name="twitter:player:height" content="768">
<meta name="twitter:image:alt" content="{title}">Who is who :
[xfvalue_cadr] - доп поле, которое содержит в себе ссылку на кадр из видео, меняем на свое.
https://сайт ру/embed/2324314 - это ссылка на iframe страницу с нашим плеером, ее даст вам ваш видео-плеер или парсер/граббер/мозг. Внимание: дабы разметка видео работала, твиттер требует от вас SSL сертификата на домене и раздачу плеера по защищенному соединению. Иначе он не даст вам возможности красиво постить сайт к себе. Меняем на свое
@domitory_kun - ник владельца сайта, зареганного в твитерре. Меняем на себя.
После того как вы вставили разметку идем сюда - https://cards-dev.twitter.com/validator
Это страница тестирования разметки, по началу вставив ссылку мы увидим, что нам нужно подтвердить сайт. Там же это можно сделать. Я заполнил поля перед работой, после работы уже подтвердили мой сайт. После того, как одобрили я зашел на свою страницу в твиттере и к себе на стенке вставил ссылку на видео с сайта. Вот итог
Если что вспомню - допишу. Рассказывайте, у кого получилось, у кого нет.
Никто не заставляет вас делать разметку под тьюб, https://dev.twitter.com/cards/types - тут описаны типы разметки и инструкция. Делайте под себя по моему примеру.
P.s. на последнем скрине видим как бы мой видео-плеер, фишка в том что нажав на кнопку play окно твитта расширяется и на страице с твиттером начинает играть мой видео плеер, твиттер берет у меня названную ему iframe страницу содержащую видео. Выглядит эффектно)
Последнее редактирование:
