Возникла проблема со скриптом поделиться в соц сетях Когда возникла проблема, не могу сказать, давно не пробовала нажать, а за этот промежуток сайт верстала многократно, а также делали платно некоторые доработки.. Вобщем, проблема такая: не все кнопки работают корректно, например, поделиться в Гугл плюс все отлично; в Фейсбуке фото обрезанное; мой мир майл вообще пропала фотка, только титл и дескрипшен, а раньше можно было сделать выбор фото для публикации из фоток на странице товара; одноклассники вобще непонятно что https://yadi.sk/i/gXUk8X2J3HQKip; Твиттер без фото, а печать стала вообще непонятная.. Пробовала скопировать с дефолтовского шаблона и див и скрипт, кнопки видны, но все тоже самое, т.е. те же ошибки Подскажите, пожалуйста, как решить данную проблему?
А вы уверены, что проблема не в том, что просто апи кнопок изменилось? У вас кнопки прямые или через какой-то сервис кнопок?
делала через share.com.ru по инструкции, также ставила стандартную из дефолтовского шаблона,одни и те же ошибки, я вот подумала.. может в контроллере продукта что нибудь было удалено изи изменено? но что именно точно не скажу
была, значит отвалилась, а как можно исправить и вернуть нужное? --- Добавлено, 27 апр 2017 --- Попробовала сделать как описано в обеих статьях, пробовала тем и тем методом, но все равно отсутствует изображение в майле, такая же проблема в одноклассниках, пустое изображение без всего и т.д. Одним словом, проблема никак не решилась
сайт loress.ru (Opencart 1.5.6.4, шаблон 3DTemplate) Делала пошагово как в обеих статьях по настройке и внедрению Open Graph. http://complife.com.ua/vnedrenie-open-graph-razmetki-v-opencart https://httpmaster.ru/nastrojki-opencart/204-opencart-dobavlenie-meta-property-og Все равно по прежнему все ошибки, за исключением, что в майле появилась фото, но обрезанная сверху и снизу 1. В одноклассниках публикуется моя запись вот так: , грубо говоря вообще ничего нет, пустая запись; 2. Майл ; 3. Фейсбук и Твиттер - изображения обрезанные, а раньше картинки адаптировались и не обрезались; 3. ВКонтакте пропал дескрипшен, публикуется Титл, слева фото и справа снова Титл ; Подскажите, пожалуйста, где хоть ковырять и какие файлы... Заранее благодарю Вас!
Что-то вы перемудрили. У вас теперь og:image дважды с разными размерами изображения и og:url тоже дважды. Хотя нет, даже трижды - дальше есть ещё один блок обёрнутый в комментарий Код: <!--microdatapro 5.0 open graph start --> Уберите это всё и оставьте какой-то один вариант. На счёт обрезания изображений - это вопрос к соцсетям, они сами решают, что с изображением делать. Если оно есть, значит разметку они подхватили.
С изображениями поняла, а как же быть с Одноклассниками? там пустая заметка выходит https://yadi.sk/i/gZXZfZaa3HS6qd https://yadi.sk/i/eA8Q8LBs3HS6qP --- Добавлено, 28 апр 2017 --- не пойму, а это в каком файле?
По скрину видно, что в момент постинга Одноклассники видят содержимое страницы (правда, без изображения), так что проблема не на странице. Попробуйте добавить какое-то описание при постинге и посмотрите, что получится.
Попробуйте для теста поставить в шаблон товара оригинальный код шаринга Одноклассников: HTML: <div id="ok_shareWidget"></div> <script> !function (d, id, did, st, title, description, image) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st, title, description, image); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,'{"sz":30,"st":"oval","nc":1,"ck":2}',"__название страницы__","__описание страницы__","__ссылка на изображение__"); </script> Если проблема останется - это вопрос к поддержке. Вместо "__название страницы__","__описание страницы__","__ссылка на изображение__" - подставьте соответствующие переменные.
Сделала по Вашему скрипту, получилось! Но только без фото почему-то.. Но все равно спасибо большое! Прописала так Код: <script> !function (d, id, did, st, title, description, image) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st, title, description, image); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,'{"sz":30,"st":"oval","nc":1,"ck":2}', "<?php echo $heading_title; ?>", "<?php echo $description; ?>", "<?php echo $thumb; ?>"); </script> --- Добавлено, 28 апр 2017 --- Только после ниже приведенных манипуляций в майле, фейсбуке появилась фото. В твиттере фото нет. В одноклассниках со скриптом появился титл, описание ссылка но тоже без фото Точно где-то у меня путаница между thumb, ogimage и popup и в контроллерах и в системе.. Прописала в продукте так: Код: <!-- AddThis Button BEGIN --> <div class="share42init" data-image="<?php echo $thumb; ?>" data-title="<?php echo $heading_title; ?>" data-description="<?php echo $description; ?>"></div> <script type="text/javascript" src="catalog/view/javascript/jquery/share42/share42.js"></script> <!-- AddThis Button END --> В шапке так: Код: <meta property="og:title" content="<?php echo $title; ?>" /> <?php } ?> <base href="<?php echo $base; ?>" /> <?php if ($description) { ?> <meta name="description" content="<?php echo $description; ?>" /> <meta property="og:description" content="<?php echo $description; ?>" /> <?php } ?> <?php if ($keywords) { ?> <meta name="keywords" content="<?php echo $keywords; ?>" /> <?php } ?> <?php if ($ogimage) { ?> <meta property="og:image" content="<?php echo $ogimage; ?>" /> <meta name="twitter:image:src" content="<?php echo $ogimage; ?>"/> <?php } ?> <meta property="og:site_name" content="<?php echo $name; ?>" /> <?php if ($ogurl) { ?> <meta property="og:url" content="<?php echo $ogurl; ?>" /> <?php } ?> <meta property="og:type" content="article" /> <meta property="og:locale" content="ru_RU" /> Не прокатило просто удалить из шапки тег про изображение, сразу везде без фото, также не прокатило и как ниже тег <meta property="og:image" content="#"/>