Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

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

Тема в разделе "Хаки DLE", создана пользователем DLEPlugins, 12 июл 2016.

12.07.16 в 18:54
13.11.20 в 10:42
13
3.476
5
  1. TopicStarter Overlay
    DLEPlugins

    Кодер

    Регистрация:
    29 ноя 2015
    Сообщения:
    1.608
    Лучших ответов:
    8
    Рейтинги:
    +1.194 / 9 / -0
    Screenshot_4.jpg
    После долгого пинания балды, решил я наконец продолжить серию статей о внедрении микроразметки в наш всеми любимый двиг DLE. Это вторая статья и посвящена она будет микроразметке под Твиттер. Как и прошлая часть статья будет написана на примере видео-тьюба, ну или порно-тьюба если быть точным :)
    Сперва покажу вам, как выглядит страница с видео роликом в твиттере до разметки

    Screenshot_5.jpg
    Как мы видим - голая ссылка, без какой либо информации.

    Разметка ставиться за 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
    Это страница тестирования разметки, по началу вставив ссылку мы увидим, что нам нужно подтвердить сайт. Там же это можно сделать. Я заполнил поля перед работой, после работы уже подтвердили мой сайт. После того, как одобрили я зашел на свою страницу в твиттере и к себе на стенке вставил ссылку на видео с сайта. Вот итог
    Screenshot_2.jpg

    Если что вспомню - допишу. Рассказывайте, у кого получилось, у кого нет.
    Никто не заставляет вас делать разметку под тьюб, https://dev.twitter.com/cards/types - тут описаны типы разметки и инструкция. Делайте под себя по моему примеру.


    P.s. на последнем скрине видим как бы мой видео-плеер, фишка в том что нажав на кнопку play окно твитта расширяется и на страице с твиттером начинает играть мой видео плеер, твиттер берет у меня названную ему iframe страницу содержащую видео. Выглядит эффектно)

     
    #1 DLEPlugins, 12 июл 2016
    Последнее редактирование: 3 авг 2016
    • Нравится Нравится x 5
  2. romanbkn

    Команда форума VIP Кинотрафик v2

    Регистрация:
    14 авг 2015
    Сообщения:
    3.423
    Лучших ответов:
    0
    Рейтинги:
    +1.290 / 0 / -0
    Клас спасибо=) тока все-таки лучше пусть гости на сайт идут чем в твитере смотрят. Или ты свою рекламу в плеере крутишь?
     
  3. TopicStarter Overlay
    DLEPlugins

    Кодер

    Регистрация:
    29 ноя 2015
    Сообщения:
    1.608
    Лучших ответов:
    8
    Рейтинги:
    +1.194 / 9 / -0
    Я пока создаю порно-тьюб, когда открою сайт буду крутить рекламу в плеере как и все белые люди :)
     
    • Нравится Нравится x 1
  4. киношпийон

    киношпийон Бывалый

    Регистрация:
    1 авг 2015
    Сообщения:
    953
    Лучших ответов:
    0
    Рейтинги:
    +220 / 14 / -0
    А где предыдущий мануал?
     
  5. TopicStarter Overlay
    DLEPlugins

    Кодер

    Регистрация:
    29 ноя 2015
    Сообщения:
    1.608
    Лучших ответов:
    8
    Рейтинги:
    +1.194 / 9 / -0
    • Нравится Нравится x 1
  6. Roman.U

    PRO Users

    Регистрация:
    13 ноя 2015
    Сообщения:
    6.154
    Лучших ответов:
    5
    Рейтинги:
    +1.028 / 115 / -0
    Под ДЛЕ 13.2 разметка не работает.
     
  7. killxsteal

    PRO Users

    Регистрация:
    21 июн 2019
    Сообщения:
    274
    Лучших ответов:
    0
    Рейтинги:
    +43 / 8 / -0
    У меня все ок
     
  8. Roman.U

    PRO Users

    Регистрация:
    13 ноя 2015
    Сообщения:
    6.154
    Лучших ответов:
    5
    Рейтинги:
    +1.028 / 115 / -0
    Если в fullstory.tpl в исходнике вставить:
    Код:
    <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 ДЛЕ, на старых версиях работало подообное, на новых ДЛЕ траблы вечные.
     
  9. killxsteal

    PRO Users

    Регистрация:
    21 июн 2019
    Сообщения:
    274
    Лучших ответов:
    0
    Рейтинги:
    +43 / 8 / -0
    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="twitter:player" content="[xfvalue_iframe_url]">
    <meta name="twitter:player:width" content="1024">
    <meta name="twitter:player:height" content="768">
    <meta name="twitter:image:alt" content="{title}">
     
  10. Roman.U

    PRO Users

    Регистрация:
    13 ноя 2015
    Сообщения:
    6.154
    Лучших ответов:
    5
    Рейтинги:
    +1.028 / 115 / -0
    Это чтто <div id='dle-content'> открытый див, и закрытого не вижу.
    НА скриншот у меня такой трабл:
    Код:
    <meta name="twitter:image" content="<img class="xfieldimage images" src="адрес постера" alt="">">
    В дле 13.2 через фул стори походу уже ризметку правильную не сделаешь. В исходоном коде страницы теги код вылазит не верху страницы, а в середине.
     
  11. killxsteal

    PRO Users

    Регистрация:
    21 июн 2019
    Сообщения:
    274
    Лучших ответов:
    0
    Рейтинги:
    +43 / 8 / -0
    Как у тебя так получается?
     
  12. Roman.U

    PRO Users

    Регистрация:
    13 ноя 2015
    Сообщения:
    6.154
    Лучших ответов:
    5
    Рейтинги:
    +1.028 / 115 / -0
    Вставкой кода в фул стори. Правильная разметка на новых ДЛЕ походу уже не так делается. Кстати такой трамбл на разных шабах, но на ДЛЕ 13.2
     
  13. vadimlgg2

    Команда форума VIP Кинотрафик v2

    Регистрация:
    11 мар 2017
    Сообщения:
    537
    Лучших ответов:
    1
    Рейтинги:
    +98 / 14 / -0
    DLE 14.0 - работает, как часики. Спасибо!
     
  14. dr.gopher

    Команда форума VIP Кинотрафик v2

    Регистрация:
    26 июн 2015
    Сообщения:
    1.547
    Лучших ответов:
    8
    Рейтинги:
    +444 / 44 / -0
    А ты проверь эти часики в влидаторе The W3C Markup Validation Service
     
Яндекс.Метрика