вход
регистрация
Восстановить доступ

Размещение статьи в твиттере с предпросмотром

Но как всегда меня поджидал сюрприз для добавления полноценной статьи с фотографией, заголовком и кратким описанием пришлось погуглить. Оказалось не все так страшно, приедется немного пошаманить с метатегами и подготовить изображение. На сайте я использую изображения в base64, этот формат оказался очень удобным для CMS. Но вот твиттер захотел реальное изображение на сервере. Конечно мне было лень переписывать CMS и менять код ради одной картинки я пошел по пути наименьшего сопротивления, создав изображение отдельной страницей конвертировав из base64 во временную картинку.

include $_SERVER["DOCUMENT_ROOT"]."bd.php"; // База данных 
$t=mysql_query("SELECT * FROM `page` WHERE `id`=".$_GET["link"]." LIMIT 1 "); 
if(mysql_num_rows($t)>0) { $s=mysql_fetch_assoc($t); } 

$icon = $s["icom"]; 

$size = getimagesize($icon); // если это изображение и у него определён размер, то продолжаем 
if ($size){ 

// ОПРЕДЕЛЯЕМ МАКСИМАЛЬНЫЕ ШИРИНУ И ВЫСОТУ ИЗОБРАЖЕНИЯ 
$width = 438; $height = 220; 
header("Content-type: image/jpeg"); 
// ПОЛУЧАЕМ НОВЫЕ РАЗМЕРЫ 
list($width_orig, $height_orig) = getimagesize($icon); 

if ($width && ($width_orig < $height_orig)) { 
$width = ($height / $height_orig) * $width_orig; 
} else { 
$height = ($width / $width_orig) * $height_orig; 
} 
$image_p = imagecreatetruecolor($width, $height); 
$image = imagecreatefromjpeg($icon); 
imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width, $height, $width_orig, $height_orig); 
imagejpeg($image_p, null, 100); 
unlink ($icon); 
} else { 
exit("Загружаемый файл не изображение..."); 
}

ну и конечно прописал мета теги для твиттера



<meta name="twitter:site" content="@evostyleru">
<meta name="twitter:creator" content="@evostyleru">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="<?php echo $page["metahead"]; ?>">
<meta name="twitter:description" content="<?php echo $page["manual"]; ?>">

<!--<meta name="twitter:image:src" content="https://www.evo-style.ru/images/articles/twitter/7.jpg">-->
<!-- и непосредственно само выводим наше изображение -->

<meta name="twitter:image:src" content="https://www.evo-style.ru/h/twitter.php?link=<?php echo $page["id"]; ?>" >
<meta name="twitter:image:width" content="435">
<meta name="twitter:image:height" content="375">

Наша статья готова для публикации в твитере осталось открыть Твитер ботам доступ к изображениям. Для этого нужно прописать разрешение в файле robots.txt Редактирование файла robots.txt через хостинг 1. зайдите на хостинг в корневую папку блога 2. найдите файл robotx.txt 3. откройте его для редактирования и впишите следующую строчку:

User-agent: Twitterbot
Allow: /wp-content/uploads/

Как занести блог в белый список Твиттер И еще один маленький момент — занесение Вашего блога в белый список Твиттер. Для этого передите в Твиттер валидатор: http://cards-dev.twitter.com/validator. Вставьте в поле ссылку на ваш блог, и нажмите на кнопку «Preview card». На экране Вы увидите вот такую запись — «АдресВашегоБлога.ru is no whitelisted». Нажмите на кнопку «Request Approval». Это небходимо для проверки блога и заненсение его в белый список. На проверку может понадобиться некоторое время. Через пару часов снова зайдите в Твиттер валидатор и вставьте в поле адрес статьи. Если все сделано правильно, Вы увидите справа предпросмотр анонса. Ну что ж, теперь можно все протестировать в действии. Отправьте любую Вашу статью в Твиттер. Зайдите в Твиттер аккаунт и нажмите на ссылку «Показать сводку». Кстати, все Ваши старые твиты, тоже дополнятся анонсами статей :). Теперь Ваши фаловеры в Твиттер аккаунте будут видеть не только Твит из 140 знаков со ссылкой на статью, но и полный анонс статьи (как в facebook или google+). Мой блог тоже сделан на шаблоне AB-inspiration и сейчас на нем установлена последняя версия. Поэтому Вы можете протестировать этот механизм прямо сейчас. Кликните по кнопке Твиттер и отправьте эту статью в свой аккаунт. Затем посмотрите, как Ваш твит будет выглядеть в Вашем аккаунт в Твиттер.

 

О компании

Зона Креатива, это территория свободы творчества, воплощение новых технологий без потери скорости. Большая информационная база, открытая статистика. Дружелюбный и сплоченный коллектив который сможет вам помочь в сложной ситуации.

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

Статьи

Новости

Тонкие грани рейтинга

Большое количество каталог, информационный блог о настройках сервера и техническая поддержка.

Минимализм в стиле

Уменьшено время загрузки сайта при помощи загрузки только необходимых для сайта файлов

Обновление дизайна

Рады представить вам обновленный дизайн нашего сайта, приятный стиль без потери функционаьности приятно вас удивит.

Интересное

Copyright © 2018 ES artCat. Все права защищены. Разработано Zonesa.ru - CMS ASP

ASP! is Free Software released under the GNU General Public License.

Copyright © 2012. CMS - Art Studio PRO Загружено за 0.0102 сек.