Внедрение микро-разметки для видео в dle. часть 2 - разметка для твиттер

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

 

Я пока создаю порно-тьюб, когда открою сайт буду крутить рекламу в плеере как и все белые люди

 

А где предыдущий мануал?

 

http://zerocoolpro.biz/forum/thread...o-v-dle-chast-1-open-graph-dlja-jandeks.4146/
Позже сделаю перелинковку между ними

 

Под ДЛЕ 13.2 разметка не работает.

 

У меня все ок

 

Если в fullstory.tpl в исходнике вставить:

Code:

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

То при просмотре исходного кода страницы это и будет видно {full-link} будет не ссылка на страницу, а просто слово {full-link} , {full-story limit="200"} не описание фильма, а просто {full-story limit="200"}. Может у тетбя не 13.2 ДЛЕ, на старых версиях работало подообное, на новых ДЛЕ траблы вечные.

 

Screenshot
Screenshot
Ну как то так

<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_poster]">
<meta name="twitter:site" content="@domitory_kun">
<meta name="twitterlayer" content="[xfvalue_iframe_url]">
<meta name="twitterlayer:width" content="1024">
<meta name="twitterlayer:height" content="768">
<meta name="twitter:image:alt" content="{title}">

 

Это чтто <div id='dle-content'> открытый див, и закрытого не вижу.
НА скриншот у меня такой трабл:

Code:

<meta name="twitter:image" content="<img class="xfieldimage images" src="адрес постера" alt="">">

В дле 13.2 через фул стори походу уже ризметку правильную не сделаешь. В исходоном коде страницы теги код вылазит не верху страницы, а в середине.

 

Как у тебя так получается?

 

Вставкой кода в фул стори. Правильная разметка на новых ДЛЕ походу уже не так делается. Кстати такой трамбл на разных шабах, но на ДЛЕ 13.2