Как сделать такую панель «Добавить в социальные сервисы» для DLE ?

Verus
На сайте с 13.12.2008
Offline
36
1414

Как сделать такую панель «Добавить в социальные сервисы» для DLE ?

на пример как это реализовано на сайте ruformator.ru

обратите внимание например на кнопку твитера - ссылка автоматически прогоняется через сервис /bit.ly и выходит в твитер уже укороченая

Оу!
На сайте с 19.12.2007
Offline
239
#1

смотрите html код страницы - там же всё просто:

<iframe src="http://www.facebook.com/plugins/like.php?href=http:%2F%2Fruformator.ru%2Fnews%2Farticle069C9%2Fdefault.asp&amp;layout=button_count&amp;show_faces=false&amp;width=150&amp;action=recommend&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe>

</td>
<td>
<nobr>
<a onclick="window.open('http://news2.ru/add_story.php?url=' + encodeURIComponent(location.href))" href="javascript:;" onmouseover="window.status='http://news2.ru/';return true;" onmouseout="window.status=' ';return true;">
<img src="/i/RF/news/news2.png" title="разместить на News2" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<a onclick="window.open('http://smi2.ru/add/?url=' + encodeURIComponent(location.href) + '&precaption=' + encodeURIComponent(document.title))" href="javascript:;" onmouseover="window.status='http://smi2.ru/';return true;" onmouseout="window.status='';return true;">
<img src="/i/RF/news/smi2.png" title="разместить на СМИ2" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<a onclick="window.open('http://pikabu.ru/add_story.php?story_url='+encodeURIComponent(document.URL))" href="javascript:;" onmouseover="window.status='http://picabu.ru';return true;">
<img src="/i/RF/news/picabu.png" title="разместить материал на pikabu" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
</nobr>
</td>
<td>
<nobr>
<a class="retweet vert self" href=""></a>
<a onclick="window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.URL)+'&amp;t='+ encodeURIComponent(document.title))" href="javascript:;" onmouseover="window.status='http://facebook.com';return true;">
<img src="/i/RF/news/facebook.png" title="добавить на Facebook" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<!-- <a onclick="window.open('http://livejournal.com/update.bml?event='+encodeURIComponent('&lt;a href=&quot;'+document.URL+'&quot;&gt;'+document.title+'&lt;/a&gt;')+'&amp;subject='+encodeURIComponent(document.title))" href="javascript:;" onmouseover="window.status='http://livejournal.com';return true;"> -->
<a onclick="var ob = document.getElementById ('preamble');var sg = ob.innerHTML;var ss = sg;if (sg.indexOf ('<') != -1){ss = sg.substring(3, sg.length-4);};window.open('http://livejournal.com/update.bml?event='+ encodeURIComponent(ss) + ' - ' + encodeURIComponent('&lt;a href=&quot;'+document.URL+'&quot;&gt;'+'ruformator.ru'+'&lt;/a&gt;')+'&amp;subject='+encodeURIComponent(document.title))" href="javascript:;" onmouseover="window.status='http://livejournal.com/';return true;">
<img src="/i/RF/news/livejournal.png" title="опубликовать в своем ЖЖ" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<a onclick="window.open('http://connect.mail.ru/share?share_url='+encodeURIComponent(document.URL))" href="javascript:;" onmouseover="window.status='http://mail.ru';return true;">
<img src="/i/RF/news/mymail.png" title="добавить в Мой Мир@Mail.ru" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<a href="#" onclick="window.open('http://www.liveinternet.ru/links.php?url=' + encodeURIComponent(window.document.location) + '&amp;title=' + encodeURIComponent(window.document.title)); return false;">
<img src="/i/RF/news/liveinternet.png" title="опубликовать в блоге на Liveinternet" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<a onclick="window.open('http://wow.ya.ru/posts_add_link.xml?title='+encodeURIComponent(document.title)+'&amp;URL='+encodeURIComponent(document.URL))" href="javascript:;" onmouseover="window.status='http://wow.ya.ru';return true;">
<img src="/i/RF/news/yandex_blogi.png" title="опубликовать на Я.ру" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<a onclick="window.open('http://www.google.com/reader/link?url='+encodeURIComponent(document.URL)+'&amp;title='+encodeURIComponent(document.title)+'&amp;srcURL='+encodeURIComponent('http://www.ruformator.ru'))" href="javascript:;" onmouseover="window.status='http://buzz.google.com';return true;">
<img src="/i/RF/news/buzz.png" title="добавить в Google Buzz" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>
<!-- <a onclick="window.open('http://www.juick.com/post?body='+encodeURIComponent(document.title)+encodeURIComponent(document.URL))" onmouseover="window.status='http://wow.ya.ru';return true;" href="javascript:;"> -->
<a onclick="window.open('http://www.juick.com/post?body='+encodeURIComponent(document.title)+ ' - ' + encodeURIComponent(document.URL))" onmouseover="window.status='http://juick.com';return true;" href="javascript:;">
<img src="/i/RF/news/juick.png" title="добавить в Juick" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>

попробуйте вставить идентичный коды кнопок на свой сайт. Если для какой-либо социалки не сработает кнопка, значит ищите в гугле типа "facebook кнопка"

Купить мобильные прокси со скидкой 20%: https://surl.li/eijqnt
Verus
На сайте с 13.12.2008
Offline
36
#2

не получается

не думаю что всё так просто

F
На сайте с 16.01.2010
Offline
267
#3
Verus:
не получается

А что вы сделали для того, чтобы что-то получилось?

Verus
На сайте с 13.12.2008
Offline
36
#4

futuristian когда у меня получится я скажу что я сделал

пробовал вставить идентичный коды кнопок на свой сайт - НЕ проходит

например твитер кнопка - мне не нужно чтоб следовали за моим юзером в твитере, а нужно чтоб ретвитнули новость с укороченной ссылкой на неё

PR
На сайте с 30.12.2007
Offline
140
#5

Для Твиттера там используется скрипт http://ejohn.org/blog/retweet/

Оу!
На сайте с 19.12.2007
Offline
239
#6
Verus:
не думаю что всё так просто

думать не надо - я вам сказал, что надо делать.

та кнопка twitter, что стоит перед новостью, вызывается кодом:

<script type="text/javascript">

tweetcount_url = window.location.href;
tweetcount_title = document.title; // '';
tweetcount_src = 'RT @название вашего twitter'a:';
tweetcount_via = false;
tweetcount_links = true;
tweetcount_size = 'small';
tweetcount_background = 'FFFFFF';
tweetcount_border = 'CCCCCC';
tweetcount_api_key = '5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda';
</script>

<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>

а та кнопка, что после новости, вызывается кодом:

<script language="JavaScript" src="http://ruformator.ru/JScripts/retweet2.js" type="text/javascript"></script>

<a class="retweet vert self" href=""></a>

только .CSS файл лучше себе залейте и измените в нём ссылку на изображение.

Весь вышеприведённый код взят из HTML кода первой попавшейся новости на ruformator. Так что проявите немного усердия, пересмотрите код страницы и возьмите оттуда всё нужное.

Verus
На сайте с 13.12.2008
Offline
36
#7

про какой .CSS файл вы говорите?

Оу!
На сайте с 19.12.2007
Offline
239
#8

очепятался.

<script language="JavaScript" src="http://ruformator.ru/JScripts/retweet2.js" type="text/javascript"></script>

<a class="retweet vert self" href=""></a>

я имел ввиду этот "http://ruformator.ru/JScripts/retweet2.js" на свой хостинг перезалить.

Verus
На сайте с 13.12.2008
Offline
36
#9

еще раз спасибо всем

с "твитером" теперь все в порядке

пробовал вставить код для кнопки для фейсбука

<a onclick="window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.URL)+'&amp;t='+ encodeURIComponent(document.title))"  href="javascript:;" onmouseover="window.status='http://facebook.com';return true;">

<img src="вписал адрес своей картинки" title="добавить на Facebook" border=0 style="float:left;padding:0 3px 0 0 ;margin:0 3px 0 0; border:0px solid #ffffff;">
</a>

в принципе код работает, то есть ссылка новости передается на страничку в фейсбуке

но Заголовок нет :(

Verus добавил 13.07.2010 в 19:11

всё! разобрался!

тестировал на локалке - не работало

на сервере работает

еще раз всех благодарю

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий