1 заметка с тегом

советы

Настройка Instant View в телеграмме для Эгеи

Статьи с вашего сайта теперь можно просматривать прямо в телеграмме, не переходя на сам сайт. Это круто, так как телеграмм оптимизирует страницу специально под мобилки.

Не нашел инструкции как это сделать самостоятельно, поэтому написал свою. Вот финальный результат.

Для кого эта инструкция?

Инструкция пригодиться всем у кого есть блог на движке Эгея и телеграмм канал. Остальным же не вижу смысла так заморачиваться :)

Начнем

  1. Идем на сайт телеграм вью
  2. Входим под своим аккаунтом телеграмма
  3. Вставляем ссылку с вашего сайта, которую вы хотите сделать в инстант вью в поле ввода
  1. Попадаем на такую страницу
Тут 3 окошка: Original Оригинальная страница. Rules Правила для отображения Instant View. Preview Предварительный просмотр
  1. В поле Rules вводим следующий код. Нажимаем сохранить и смотрим как справа все преображается)
?path: /all/.+ #Говорим, что используй этот шаблон для всех статей 

#Cover
cover: //article//img[1] #Обложкой будет первое изображение в статье
body: //article #Указываем тело статьи

#author block
title:  $body//h1 #В качестве заголовка статьи указываем h1
author: //span[@id="e2-blog-author"] #Вытаскиваем имя автора
author_url: "http://wantbefree.com/" #По клику на имя автора будет переходить на этот сайт
published_date: //span[@class="e2-timestamp"] #Вытаскиваем дату публикации поста (работает не очень =/)
channel:  "@befree_blog" #Добавляем плашку с вашим каналом если есть
@remove:  $body//address
@remove:  $body//table #Удаляем таблицы из cтатьи, если они есть. Телеграмм не поддерживает таблицы.
  1. Далее ставим Mark as Checked в правом верхнем углу.
  2. Кликаем View on Telegram чуть левее и отправляем эту ссылку себе в телеграмм
  1. Готово!

Все посты, для которых вы создавали ссылку будут доступны из ваших шаблонов. И если что их можно отредактировать.

Instant view работает автоматиически?

— И что, теперь я могу просто скопировать ссылку на свой пост и он автоматически появится в Instant view?
 — Нет. Нужно теперь всегда генерировать ссылку для Instant View просмотра вручную для каждого поста
Сейчас instant view работает автоматически только для узкого круга сайтов, которые прошли модерацию. Ваш сайт вряд ли есть в этой категории.

А че ссылка такая стремная? Можно покрасивее?

Можно, но тогда, дорогой друг, тебя ждет немного задротства.

Делаем красивую ссылку

Telegram дает вам ссылку в следующем виде:

https://t.me/iv?url=http%3A%2F%2Fwantbefree.com%2Fall%2Fbegstvo%2F&rhash=a3258aeff042e6

Тут видно, что ваша исходная ссылка обрамляется

https://t.me/iv?url=http%3A%2F%2FВАША_ИСХОДНАЯ_ССЫЛКА%2F&rhash=a3258aeff042e6

Тут важно заметить

Инстант вью работает только по этой ссылке. Если вы вставите просто ссылку на вашу статью в телеграмм — ничего не произойдет.

Если хочется заморочиться и создавать публикации с красивыми ссылками — надо создать бота для своего канала.

  1. Идем к боту @ControllerBot
  2. Вводим команду /addchannel и следуем инструкциям
  3. После того как создадите своего бота и подключите к своему каналу
  1. Отправьте ему ссылку на свой пост в следующем формате
<a href="https://t.me/iv?url=http%3A%2F%2Fwantbefree.com%2Fall%2Fbegstvo%2F&rhash=a3258aeff042e6">Название вашего поста</a>

Важно соблюдать кавычки, телеграм иногда сам подставляет свои кавычки и тогда бот выдаст ошибку. Поэтому вставляйте ссылку между кавычек не удаляя их.

Если все хорошо, тогда у вас должна получится следующая картина

Пример того, как выглядит эта статья в инстант вью у меня на канале

Подписаться в Телеграме →
Делюсь тем, что узнал нового за последнее время
2017   советы   эгея