In Russia, there are some very popular social networks, which, unfortunately, not yet integrated into the Ning. It is inconvenient not only for Russians, because Ning offers integration only with Facebook and Twitter. However, there are public services that allow you to share the contents of your site, for example, Addthis.сom, addtoany.com,sharethis.com With these services, you can share your content on dozens of other social networks.

I wanted to add into my Ning community the button, provided by russian service "Yandex.ru", but this applies to other services. They provide their buttons in the form of code, such as:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,moikrug"></div>

The script must be, in theory, between the tags <head> and </ head>, but we can only insert it into the block "Analitics". Another problem is more complicated: how to insert a div-container in the right location on the page? Of course, manual insertion is not an option.

I'm not a great expert in JavaScript, but I was able to write a little script that can be placed in the Analitics block, whichinserts the "Share"-button on the pages of your community. This script replaces the usual Ning buttons, located in the element <p class="share-links clear">, by the new button.

Here is my script:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<script type="text/javascript">
var vsep=document.getElementsByTagName("p");
for (var count = 0; count < vsep.length; count++)
{
if (vsep[count].className=="share-links clear") {  vsep[count].innerHTML='<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,moikrug"></div>'; break;
}
}

</script>

The first line is the line of the script, which should be between the tags <head> and </ head>. Because the div-container is inserted after it, it does not matter that it is in the foot of the page. The second script searches for the p-element of the class "share-links clear" and replaces its content. In this case, howeverthe original "Share"-buttonof Ning is lost, but the thing is worth the effort. At least as a temporary solution.

Views: 159

Reply to This

Replies to This Discussion

nice

In my network I use only AddThis because my members interact much more by Orkut and by Tumblr than by Facebook or Twitter.

RSS

Latest Activity

John Bizley replied to Alex's discussion 'More styling in the Design Studio'
"Hmm this is all very nice but wouldn't any updates on the design studio's issues …"
5 minutes ago
Alex from Bougex.com replied to Alex from Bougex.com's discussion 'Leaving Ning... to SocialEngine. Happy... huuummmm.... don't know yet !!!'
"We are still optimizing code.... #$%?&*( Really guys, if one day you want to leave ning...…"
51 minutes ago
Alex replied to Alex's discussion 'More styling in the Design Studio'
"Thanks JFarrow!"
54 minutes ago
Alex replied to Alex's discussion 'More styling in the Design Studio'
"We don't plan on being like Skysa."
55 minutes ago

NC for Hire
JFarrow replied to Alex's discussion 'More styling in the Design Studio'
"nice work guys!"
58 minutes ago
Donna Mac replied to Donna Mac's discussion '3.0 Video - can someone explain?'
"How weird is that?   I don't quite understand that concept if only I can post what is on…"
1 hour ago
Kos replied to Donna Mac's discussion '3.0 Video - can someone explain?'
"That's my understanding but let's see if others have an approach on how they're…"
1 hour ago
Riccardo Rossini replied to Alex's discussion 'More styling in the Design Studio'
"An another thing about avatar: the image uploaded that aren't in square aspect ratio are…"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service