1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

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

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

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

Тема в разделе "Модули DataLife Engine", создана пользователем DomiTori, 19 июл 2016.

  1. DomiTori

    DomiTori Moderator
    Команда форума Модер

    Регистрация:
    29 ноя 2015
    Сообщения:
    22
    Симпатии:
    11
    [​IMG]
    После долгого пинания балды, решил я наконец продолжить серию статей о внедрении микроразметки в наш всеми любимый двиг DLE. Это вторая статья и посвящена она будет микроразметке под Твиттер. Как и прошлая часть статья будет написана на примере видео-тьюба, ну или порно-тьюба если быть точным :)
    Сперва покажу вам, как выглядит страница с видео роликом в твиттере до разметки

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


    Разметка ставиться за 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

    Это страница тестирования разметки, по началу вставив ссылку мы увидим, что нам нужно подтвердить сайт. Там же это можно сделать. Я заполнил поля перед работой, после работы уже подтвердили мой сайт. После того, как одобрили я зашел на свою страницу в твиттере и к себе на стенке вставил ссылку на видео с сайта. Вот итог
    [​IMG]

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



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

Поделиться этой страницей

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...