koddr / goodshare.js

🚀 А useful modern JavaScript solution for share a link from your website to social networks or mobile messengers. Easy to install and configuring on any of your website!

Hello, everyone! 👋

My name is Vic Shóstak. I'm a Software Engineer with excellent UX/UI knowledge and over 13 years of practical experience.

Technical expertise

In more than 13 years of successful work in the IT industry, my technology stack has changed many times, but the technical expertise has always remained at the highest level. I think it's important, not just to write clean code and make a supported infrastructure or create a wonderful UI design, but to look for the root of the problem in the task at hand.

Currently, I'm working in the following stack:

• Backend
  • Go, Python
  • PostgreSQL, Redis, SQLite
  • Nginx
• Frontend
  • htmx
  • Alpine.js
  • Vue.js, Nuxt 3
  • Tailwind CSS, daisyUI
  • Bun, Vite, Parcel
• Tools
  • GitHub Actions
  • Docker, podman
  • n8n
  • GoReleaser, go-critic, Templ

Awesome GitHub repos

My current active project is:

Other projects:

• A self-hosted solution for repository statistics https://github.com/koddr/wonderful-readme-stats
• Create Go App CLI: https://github.com/create-go-app/cli
• The Go Snippet Library: https://github.com/koddr/gosl
• JSON to CSV parser: https://github.com/koddr/json2csv
• CSV to API parser: https://github.com/koddr/csv2api
• Yet Another Task Runner (yatr): https://github.com/koddr/yatr
• Go template for my next project: https://github.com/koddr/template-go
• Go tutorials and code examples

With my active support:

• Fiber: https://github.com/gofiber/fiber
• Asynq: https://github.com/hibiken/asynq

Dev.to blog

I write useful articles on my Dev.to blog about developer tips and tricks and Open Source projects.

GitHub stats

Thank you!

If you want to give GitHub star to any of my projects, I would be very grateful! 🥰

goodshare.js's Issues

No 'decortion options'

Hi
You say "This example shows one of decoration options with all supported social networks" and follow it with a beautiful picture showing buttons and icons.
However, there is no documentation on this feature anywhere and I can see nothing in the code that would generate it. How do you activate this 'option' please?

Thank you.

Frankie

Problems loading share count for Twitter

Hi!

Great piece of code. Small issue with Twitter thought.

When looking at our site (and also on goodshare.ru), it appears that the ShareCount for Twitter can not be loaded. The console reports the following error:

Failed to load resource: the server responded with a status of 410 (Gone)
https://cdn.api.twitter.com/1/urls/count.json?url=http%3A%2F%2Fgoodshare.ru%2F&callback=jQuery11130405707340920344_1450355410033&_=1450355410034

General site don't work :(

General site don't work :( goodshare.ru

VK share is not working

VK share is not working. This return 400 error (Bad request). Please view this. On link in top bar right.

Событие получения данных

Здорово было бы иметь возможность повесить обработчик на получение данных от всех сервисов.

При этом, иметь доступ, в этот момент, ко всем неокругленным цифрам

Доработки скрипта.

Здравствуйте. Я для своих нужд доработал ваш скрипт. Сделал возможность использования нескольких блоков шары с различными урл на одной странице, получение информации об урл, заголовке, описании, изображении для шары из data-аттрибутов ссылки. Хотелось бы видеть это у вас. Могу поделать пулл-реквесты, если это нужно. Измененный файл прилагаю.
goodshare.js.zip

Configurator is missing

The configurator mentioned in readme is nowhere to be found on your website. Every link leading to it is not functional. Is it still work in progress?

Получение количества расшаренных

Добрый день. А можно получить общее количество всех расшаренных (например фотографий) в одном месте? Ну т.е. все фотографии в фейсбук расшарили 25 раз?

Change default text source

Hi,
Goodshare uses description meta tag's content as a text for share. I couldn't find any way to change it. I don't want to use my description to share in twitter.
Is there any way to change text source?

Двузначный код

В атрибутах data-type и data-counter нужно указывать двузначный код из таблицы «Список поддерживаемых социальных сетей и микроблогов».
При использовании двузначного кода эта либа не работает. Работает только при использовании data-type="facebook" ...

Add docs on how to dynamically change the attributes

Maybe you can add a small section in readme on how to change the attributes manually with jQuery. Reason is that $.attr('data-url', 'value') will only work on the first call due to internal jQuery cache. So one should use $.data('url', 'value') instead.

Might save people some time when the docs explicitly make use of $.data().

.data()
The data- attributes are pulled in the first time the data property is accessed and then are no longer accessed or mutated (all data values are then stored internally in jQuery).

Facebook sharing doesn't seem to work

I tried Facebook, Twitter and LinkedIn sharing and while Twitter and LinkedIn seem to work, Facebook gives an error in the sharing dialog. Error says something like: "This functionality is not available now. Error while processing the request. Try again later."

counter for custom url

Здравствуйте,
а можно без пересборки задавать url, например через data-url для подсчета лайков? и почему-то не работает VK когда вписываешь url внутри js файла (с фейсбуком все нормально)

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

Set minimum shares for share count

The share count is a great feature too increase shares, but if an article has 0 shares it can have an opposite effect.

Is there a way to display share counts only when there is at least 1 share? (Or maybe let the user define a minimum number of shares before showing the share count).

Thanks for this great plugin, it´s easily the best social sharing plugin I´ve found!

Клик по элементам, которые добавились после загрузки страницы

Если, к примеру, я вставляю элементы для шаринга скриптом, то клик по ним не дает никакого действия. То есть event работает только для элементов, которые уже были на странице

Array.from() ошибка в ie

Здравствуйте! Обнаружилась ошибка в ie11, связана с отсутствием поддержки метода Array.from()
версия "goodshare.js": "^4.0.6"
http://joxi.ru/krD7od1IEWjMBA
http://joxi.ru/52aJDoNu4Bz9PA

Могли бы вы добавить полифилл для метода? Вот рабочий полифилл https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from?v=control#Polyfill
Заранее спасибо!

Добавьте секцию main

Здравствуйте, добавьте секцию main в bower.json, это нужно для сборщиков проекта.

getCounter doesn't work?

Trying to add new button with counter, but counter doesn't work.
Example here(jsfiddle)
What's wrong?

Пример разметки с иконками от http://fontawesome.io

Если необходимо использовать иконки, то можно воспользоваться шрифтовыми иконками от http://fontawesome.io

Пример разметки:

<div class="share_facebook goodshare" data-type="fb">
    <i class="fa fa-lg fa-facebook-official"></i><span data-counter="fb"></span>
</div>

We are missing Vimeo, Snapchat, Slideshare sharing option

Thanks for really good sharing script. Can you please add:

Vimeo, Snapchat, Slideshare sharing option

Print and email option will be plus point for us 👍

Add chinese social media

Overview of the problem

Wechat, Sino Weibo, QQ are missing from the social media list

Simple email sharing

Hi,

goodshare.js is great, however, I miss the simple email share button, there is one for Russia, but not the general email share button.

Is it possible to add it ?

Thanks in advance,

List of attributes

Здравствуйте! В версии 3 были доступны настройки через data атрибуты https://github.com/koddr/goodshare.js/tree/3.2.9#list-of-attributes
Есть ли способ такой настройки в v4?

'mymailru' changed to 'moimir'

In readme:
mymailru Мой Мир@Mail.Ru

But in script it calls 'moimir'.

Facebook doesn't work

Facebook with counter doesn't work. It shows counter number 0 however you can't share anything and get this error message:
"Sorry, this feature isn't available right now: An error occurred while processing this request. Please try again later."

Смена ссылки Telegram

Здравствуйте, подскажите как можно изменять ссылку для Telegram, сделать вот так
t.me/iv?url=...&rhash=...
когда например указаны дополнительные параметры в data-*
это нужно для работы с Instant View Telegram

Google Plus doesn't work

Google Plus with counter doesn't work. It doesn't show counter number and gplus pop-up shows the following error message:
"That link isn't valid. Check it and try again."

Вопрос по fb и ok

При шаринге fb и ok, в url попапа не передаются data-text и data-image.
Речь об этом участке http://joxi.ru/krD7od1IEM0qQA
Вопрос поддерживают ли fb и ok передачу описания, и картики в url попапа? Например для vk в url передаются все data- параметры.

Share post doesn't work inside a page has multi posts

Hi Pal,

Why did you remove using of [data-url] [data-title] [data-image] in the new version?? Now I cannot share post from page has multi posts, It works only inside the post.

Refreshing when new links added to page dynamically

How would I go about refreshing Goodshare to re-scan the page for social links?

Use case is when new articles are loaded into the page via AJAX. Currently as the links are injected into the page after Goodshare is included, the links have correct data-social attributes but do not have Goodshare events attached.

Give back data-url

Plz)

Don`t wokr data parametrs

Hi.
For the share link I want to put a picture and a title. Here is my link: <a href="#" data-title="test title" data-social="facebook" data-image="/telecom/img/share3.png"> <i class = "fa fa-facebook" > </ i> </a>
As a result I have this https://snag.gy/u0Ni34.jpg
Where was I wrong?

Google+ не отображается счетчик

На данный момент стоит в счетчике 0.

Сделал замену на JSON от share.yandex.ru.

Код:

            /*
             *  Share counter > Google Plus
             *  @see https://developers.google.com/+/
             */
            if (existCount('[data-counter="gp"]')) {
                $.getJSON('https://share.yandex.ru/gpp.xml?url=' + encodeURIComponent(location.href) + '&callback=?', function(response) {
                    if (response.share === undefined) $('[data-counter="gp"]').text('0');
                    else $('[data-counter="gp"]').text(roundCount(response.share.share_count));
                });
            };

Object doesn't support this property or method "from"

Hi!

Got an error in IE11 and IE10:

Object doesn't support this property or method "from"

Reddit

Каждый раз выполняется XHR запрос к Reddit API.

Более корректный шаринг в Телеграм с выбором собеседника

Сделал замену шаринга в телеграм, при котором можно выбрать собеседника, или группу, куша расшаривать. В текущем варианте открывается только приложение (на десктопе смотрел) и более ничего.

Код:

return 'https://telegram.me/share/url?url=' + encodeURIComponent(options.url);

Bad Request при запросе "поделиться" в ВК на отдельных страницах

При нажатии на кнопку "Поделиться в ВК" открывается пустое окно с заголовком "400 Bad Request" (http://vk.com/err400.html). Но не везде, а примерно на половине страниц.
Пример "сбойной" страницы: http://kurantynew.ru/new/2016/04/15/a-mne-letat-ohota/
и "нормальной": http://kurantynew.ru/new/2016/03/25/dialog-o-poligone/

Перенос всех поставленных лайков со старых кнопок на goodshare

А можно перенести все поставленные лайки со старых (официальных) кнопок на Ваши.

А есть возможность ставить счётчики лайков?

Окна открываются не в центре, а в левом-нижнем краю экрана

The parameters do not work for facebook?

Hi!
I'm using button with this mark-up:

<button class="goodshare"
        data-type="fb"
        data-url="http://hohlov.pro/goodshare/page2.html"
        data-title="Second page (data)"
        data-text="Second page description(data)"
        data-image="http://hohlov.pro/goodshare/og2.png">
    fb
</button>

For VK it work's fine.
But for Facebook - don't work.

If page in data-url exist - it's get params from that page. If don't exist - get params from 404 error.

Live example: http://hohlov.pro/goodshare/

VK счетчик

Неверно работает счетчик ВК. Пример ответа API: VK.Share.count(1, 95); Вы берете первое значение, а нужно второе. Так же было бы неплохо суммировать показатели http и https.

Значение по умолчанию

Здравствуйте. Спасибо за Ваш труд! Хотелось бы иметь возможность задавать значение по умолчанию counter.share 0 или пустое значение. Для себя руками поправил, но, думаю, эта возможность будет полезна общественности.

Реч идет о таких строках:

counter.share > 0 ? counter.share.share_count : 0;

Заменил на

counter.share > 0 ? counter.share.share_count : '';

Facebook Share count no longer working

Hi! Facebook share counts are no longer working due to Facebook API change on August 7th. Is this something you can fix goodshare.js?

Facebook, Googleplus and Stumbleupon Cannot Share The Correct Data

Overview of the problem

Hi Guys,

1. It seems like the facebook and googleplus cannot get the correct URL or anything else, The old version can get the image and the post title and description but now it can get the main URL only like [https://domain.com]

2. Stumbleupon convert into mix.com and it no longer available so the share URLs generates

<a class="goodshare" href="#" 
data-social="facebook" 
data-url="https://oxibug.com/example/2018/08/07/cannot-use-facebook-and-googleplus-share/" 
data-title="Cannot use Facebook and Googleplus Share Buttons" 
data-description="It seems like theres a problem" 
data-image="https://oxibug.com/example/wp-content/uploads/2018/07/35.jpg">

    <i class="socicon socicon-facebook"></i>

</a>

<a class="goodshare" href="#" 
data-social="googleplus" 
data-url="https://oxibug.com/example/2018/08/07/cannot-use-facebook-and-googleplus-share/" 
data-title="Cannot use Facebook and Googleplus Share Buttons" 
data-description="It seems like theres a problem" 
data-image="https://oxibug.com/example/wp-content/uploads/2018/07/35.jpg">

    <i class="socicon socicon-googleplus"></i>

</a>

Screenshots

1. Facebook Issue

2. Stumbleupon Issue

Steps to Reproduce

Configuration

• Browser: Chrome 68
• OS/Device: Windows 8.1
• goodshare.js: 5.1.1

Обработка события получения всех счетчиков.

Нет ли возможности (или в планах) добавить возможность привязать свою функцию на событие поучение всех ответов? (Или просто при получении отдельного ответа с признаком соцсети)?

Callback for success share

Hi.

How can I get callback after success share?

Thank you.

Counters don't work

К сожалению, счётчики к кнопкам не работают. Вне зависимости от количества лайков фейсбук и G+ всегда ноль. Одноклассники и ВК всегда единица. Это даже видно в файле index.html, который идёт в архиве со скриптом

Total count?

Hello! Can you help me, get total count social activities?

Add to jsdelivr cdn

https://github.com/jsdelivr/jsdelivr/blob/master/CONTRIBUTING.md

Would be nice to have this here as well as rawgit