Вроде бы норму мы уже на сегодня выполнили добавив новый шаблон, но у нас появилось свободное время и мы нашли весьма полезную статью для пользователей блогами на платформе blogger. Думаю многие из нас, как те у которых блоги хорошо раскручены так и те у кого не совсем пока все гладко сталкивались с проблемой, когда нужно поделиться постом в Facebook и при этом очень важно, чтобы в нем отображалась миниатюра (картинка) но ее по какой-то причине там нет. В основном это происходит из-за того, что поисковая система Facebook не успевает считать данные поста и отображает только ссылку. Но порой бывают и сдвиги этой системы и картинка публикуется вместе с ссылкой, вот только ее размеры не превышают 90*90 пикселей. Если вы уже давно ищете способ, как устранить этот баг, тогда вам нужно всего навсего добавить к своему шаблону два кода.
Переходим в раздел Шаблон - Изменить HTML находим код </head>
и перед ним вставляем следующий код:Переходим в раздел Шаблон - Изменить HTML находим код </head>
<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='ISI DESKRIPSI ALTERNATIF DISINI' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='KODE-APLIKASI' property='fb:app_id'/>
<meta content='KODE-ADMIN' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
Затем находим код </body>
<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({ appId : 'KODE-APLIKASI', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
Вот и все жмем сохранить шаблон, заходим на блог и пробуем поделиться постом в Facebook, миниатюра должна появится.
8 Коммент.
Доброе время суток! Скажите, пожалуйста, а почему у меня при нажатии на клавишу "поделиться" к посту цепляется картинка, которой нет на блоге вообще??? И еще вопрос: почему при вставке ссылки на блог не появляется шапка блога (хотя она сделана в качестве изображения)???? Помогите, пожалуйста, разобраться. https://biblioznaniya.blogspot.com/
ОтветитьЕсли в сообщении нет ни одной картинки, система цепляет первое, что находит в вашем блоге, например картинку из шапки. Если вы не видите картинку в блоге, это не значит, что ее там нет.
ОтветитьКогда публикуете ссылку на свой блог в фейсбуке, картинка редко появляется со старта, нужно ее удалить и разместить еще раз и тогда картинка появляется.
в том-то и вопрос, что у сообщения есть картинка, но подключается вообще "левая", которой даже нет на блоге вообще. Например: если поделиться этим сообщением http://biblioznaniya.blogspot.com/2018/01/google.html - помогите разобраться, пожалуйста, просто мне не к кому обратиться - учусь всему сама
Ответитьзаметила только что, что изображение появляется только на тех сообщениях, которые были выставлены после вставки этого кода..... Если на предыдущих сообщениях поставить новую дату - это поможет или нужно удалить сообщение и поставить его заново????
ОтветитьКартинка транслируется с этого сайта - https://www.dilovamova.com/
ОтветитьПолная ссылка на картинку - https://external-otp1-1.xx.fbcdn.net/safe_image.php?d=AQALXzI6SkYkZBb1&w=160&h=160&url=http%3A%2F%2Fwww.dilovamova.com%2Fimages%2Fwpi.cache%2Finformer%2Finformer_250.png&cfs=1&upscale=1&fallback=news_d_placeholder_publisher&_nc_hash=AQD1qfq2qVdcCFv4
В шаблоне вроде не встречается, но попробуйте поищите. Может какой-то скрипт добавляли.
Красноречивый код) Просто удалите его.
Ответитьв самом начале ставила код на календарь, но потом удалила этот гаджет.... теперь надо и в html блога удалить??
ОтветитьКонечно. На заметку про календарь и часы
Ответить