Как переделать код кнопки "Google поделиться" под свою иконку

(Ответов: 11, Просмотров: 4212)
Страница 1 из 2 12 Последняя
  1. Студент
    • Регистрация: 25.03.2015
    • Сообщений: 46
    • Репутация: 7
    Здравствуйте. Хочу поставить кнопку "Поделиться 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}, чтобы автоматически выбиралась нужная страница для поделиться?
    • 0
  2. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    Цитата Сообщение от Redd Посмотреть сообщение
    Что можно прописать во втором коде в том месте, где {URL}
    Определяется через js или php текущая страница и вставляется.

    Текущий url в JS: _http://coderhs.com/archive/url_js

    Как получить текущий URL страницы _http://avolberg.ru/decisions/php/php-tekushij-url-stranicy#hdr2_2
    • 1

    Спасибо сказали:

    Redd(14.04.2015),
  3. Студент
    • Регистрация: 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.
    • 0
  4. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    Цитата Сообщение от Redd Посмотреть сообщение
    <?php the_permalink(); ?>
    Пожалуйста)
    Здесь идет привязка к предопределенной переменной the_permalink(); - если у вас другой движок, то задайте свою через определение, предложенное выше.
    • 1

    Спасибо сказали:

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

    Спасибо сказали:

    Redd(14.04.2015),
  7. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    Тут два момента: код, который приведен вами, должен работать правильно, при условии подстановки нужно url.
    Второе - необязательно использовать сложные решения - варианты есть разные - опять же, надо учитывать, что стоит задача только определения url - все остальное должно работать.

    PS До среды ничем не занимаюсь, потому пока предложить что рабочее или проверить что, не имею возможности.
    • 0
  8. Студент
    • Регистрация: 25.03.2015
    • Сообщений: 46
    • Репутация: 7
    ArhStrAngeR, а "href="#"" надо на что-нибудь заменить?
    • 0
  9. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,376
    • Записей в дневнике: 1
    • Репутация: 2506
    Redd, нет
    • 0
  10. Студент
    • Регистрация: 25.03.2015
    • Сообщений: 46
    • Репутация: 7
    ArhStrAngeR, Работает. Но только это не "Поделиться в Google+" (Google Share), а "Добавить в закладки Google". Нет ли у вас похожего кода для "поделиться в Google+"?
    • 0
Страница 1 из 2 12 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
Как поставить кнопки "мне нравится", "поделиться" со своими картинками?
Вопросы от новичков 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

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры