Как поставить кнопки Facebook/Twitter/Google со своими иконками? Берём и ставим a с соответствующими href:
Twitter:
https://twitter.com/intent/tweet?url={PageUrl}&text={PageUrl}
Показываеть Twitter как blank - не надо. Если вставить сакральную мантру:
то он сам всё найдёт и откроет. Попытаешься повесить скрипт - начнёт показывать 2 окна.
Facebook:
http://www.facebook.com/sharer.php?t={PageTitle}&u={PageUrl}
По необъяснимой причине он не видит PageTitle, если запускать с локального сервера.
Google Share (не путать с Google +1!):
https://plus.google.com/share?url={PageUrl}
Pinterest:
http://pinterest.com/pin/create/button/?url={PageUrl}&media={PageImage}&description={PageTitle}
А открывать это надо через _blank и по центру экрана:
Функцию для открывания окна взял у Нимы.
И ещё - если во втором параметре window.open будет пробел, Internet Explorer его не откроет. Такие дела.
Twitter:
https://twitter.com/intent/tweet?url={PageUrl}&text={PageUrl}
Показываеть Twitter как blank - не надо. Если вставить сакральную мантру:
!function(d, s, id) < script type="text/javascript" > { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs"); < /script > < script type="text/javascript" src="//platform.twitter.com/widgets.js" >< /script >
то он сам всё найдёт и откроет. Попытаешься повесить скрипт - начнёт показывать 2 окна.
Facebook:
http://www.facebook.com/sharer.php?t={PageTitle}&u={PageUrl}
По необъяснимой причине он не видит PageTitle, если запускать с локального сервера.
Google Share (не путать с Google +1!):
https://plus.google.com/share?url={PageUrl}
Pinterest:
http://pinterest.com/pin/create/button/?url={PageUrl}&media={PageImage}&description={PageTitle}
А открывать это надо через _blank и по центру экрана:
function PopupCenter(pageURL, title, w, h) { var left = (screen.width / 2) - (w / 2); var top = (screen.height / 2) - (h / 2); var targetWin = window.open(pageURL, title, 'menubar=no, toolbar=no, resizable=yes, scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left); }
Функцию для открывания окна взял у Нимы.
И ещё - если во втором параметре window.open будет пробел, Internet Explorer его не откроет. Такие дела.
лучше использовать AddThis.com
ОтветитьУдалитьМожно - есть и другие хорошие сервисы. Но заказчик хотел именно кнопочки.
Удалить