Здравствуйте. Хочу поставить кнопку "Поделиться Google +" со своей иконкой (чтобы подходила к остальным). Официальная ссылка дает два варианта кода:
Первый:
<!-- Вставьте этот тег в заголовке страницы или непосредственно перед закрывающим тегом основной части. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'ru'}
</script>
<!-- Поместите этот тег туда, где должна отображаться кнопка "Поделиться". -->
<div class="g-plus" data-action="share"></div>
И второй:
<ahref="https://plus.google.com/share?url={URL}"onclick="javascript:window.open(this.href,
'','menubar=no,toolbar=no,resizable=yes,scrollbars=ye s,height=600,width=600');returnfalse;"><img
src="https://www.gstatic.com/images/icons/gplus-64.png"alt="Share on Google+"/></a>
Проблема в том, что в первом варианте не удается поставить свой вариант иконки, только выбрать из стандартных. Во втором варианте удается поставить свою иконку, но не удается сделать так, чтобы кнопка сама выбирала, какой страницей поделиться, код вроде как просит прописать статичный URL.
Что можно прописать во втором коде в том месте, где {URL}, чтобы автоматически выбиралась нужная страница для поделиться?
Как переделать код кнопки "Google поделиться" под свою иконку
(Ответов: 11, Просмотров: 4348)
- 13.04.2015 15:23Студент


- Регистрация: 25.03.2015
- Сообщений: 46
- Репутация: 7
- 13.04.2015 15:31
Спасибо сказали:
Redd(14.04.2015), - 13.04.2015 16:00Студент


- Регистрация: 25.03.2015
- Сообщений: 46
- Репутация: 7
Coder, Спасибо. Мне только представлялось, что это проще. Вот есть код, который предлагается в старой теме на этом сайте и еще много где: <a onclick="window.open('https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink(); ?>', 'gplusshare', 'width=626, height=436'); return false;" href="https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink(); ?>" ><img src="http://site.ru/images/gp.png" width="160" height="43" title="Поделиться в Google+"></a>
У меня он не работает. Но мне казалось, что в нем как раз как-то задан выбор текущей страницы.Последний раз редактировалось Redd; 13.04.2015 в 16:06.
- 13.04.2015 20:53
Спасибо сказали:
Redd(14.04.2015), - 14.04.2015 01:42Студент


- Регистрация: 25.03.2015
- Сообщений: 46
- Репутация: 7
Coder, Да, там для Вордпресс.
Правильно ли я понимаю, что код из _http://avolberg.ru/decisions/php/php-tekushij-url-stranicy#hdr2_2 надо просто скопировать и вставить в соответствующий фаил, а код кнопки приобретет такой вид:
<a href="http://plus.google.com/share?url= <?php request_url();?> " onclick="javascript:window.open(this.href,
'','menubar=no,toolbar=no,resizable=yes,scrollbars =ye s,height=600,width=600');returnfalse;"> <img
src="адрес изображения" width="64" height="64" alt="Share on Google+"/></a>
Ясно, что понимаю я неправильно, т.к. в итоге получается хоть и работающая, но смешная вещь - открывается окно Гугл плюс без всяких предложений чем-либо поделиться, а сам сайт тоже перекидывает на страницу Гугл плюс.
Не могли бы вы уточнить детали, что не так делаю, что еще надо дописывать?Последний раз редактировалось Redd; 14.04.2015 в 01:52.
- 14.04.2015 01:48Разработка любых сайтов

- Регистрация: 08.06.2011
- Сообщений: 3,375
- Записей в дневнике: 1
- Репутация: 2506
Redd, вот вариант
Код HTML:между <a> и </a> вставить нужное изображение<a href="#" class="plus" title="Поделиться в Google" onclick="window.open('http://www.google.com/bookmarks/mark?op=add&;amp;hl=ru&bkmk='+encodeURIComponent(location.href)+'&annotation='+encodeURIComponent(document.title)+'&labels=best&title='+encodeURIComponent(document.title), 'google', 'width=626, height=436');return false;" rel="nofollow"></a>
Последний раз редактировалось ArhStrAngeR; 14.04.2015 в 10:29.
Спасибо сказали:
Redd(14.04.2015), - 14.04.2015 01:52
Тут два момента: код, который приведен вами, должен работать правильно, при условии подстановки нужно url.
Второе - необязательно использовать сложные решения - варианты есть разные - опять же, надо учитывать, что стоит задача только определения url - все остальное должно работать.
PS До среды ничем не занимаюсь, потому пока предложить что рабочее или проверить что, не имею возможности. - 14.04.2015 02:52Студент


- Регистрация: 25.03.2015
- Сообщений: 46
- Репутация: 7
ArhStrAngeR, а "href="#"" надо на что-нибудь заменить?
- 14.04.2015 10:28Разработка любых сайтов

- Регистрация: 08.06.2011
- Сообщений: 3,375
- Записей в дневнике: 1
- Репутация: 2506
Redd, нет
- 14.04.2015 13:19Студент


- Регистрация: 25.03.2015
- Сообщений: 46
- Репутация: 7
ArhStrAngeR, Работает. Но только это не "Поделиться в Google+" (Google Share), а "Добавить в закладки Google". Нет ли у вас похожего кода для "поделиться в Google+"?
Тэги топика:
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Как поставить кнопки "мне нравится", "поделиться" со своими картинками? | Вопросы от новичков | 4 | 30.05.2014 13:58 |
Новые кнопки "Поделиться" с счетчиком от Яндекса | Yandex | 50 | 14.04.2014 02:48 |
Нид хэлп. Как установить свою кнопку "добавить в google+"? | Web программирование | 10 | 06.03.2012 23:25 |
Отслеживание Google Analytics нажатия кнопки "Like This" от Фейсбук | Социальные сети | 3 | 02.11.2010 21:29 |



