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

Riccardo Rossini replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"Sounds good SP, thanks"
3 minutes ago
Riccardo Rossini replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"Can you give me examples? Thanks"
3 minutes ago
Profile IconPatrick Renald JOSSET, Binh Lam, Andrew Smith and 7 more joined Creators
9 minutes ago
Mike Wolleben replied to Mike Wolleben's discussion 'Landing Page & Menu Bar'
"Thanks again.   Mike "
13 minutes ago
Dustin Craig replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"They just need someone to look up too, and the church has the opportunity to step up in areas where…"
19 minutes ago

NC for Hire
Bernard Lama replied to Mike Wolleben's discussion 'Landing Page & Menu Bar'
"The above code is for all pages.. and the below code is for just the main or landing…"
19 minutes ago
Profile IconPuzzleSolver, Kira Slye and 3 other members joined Allison Leahy's group
Thumbnail

The Sandbox

Join The Sandbox to experiment with Ning 3.0 now!The Ning Team will be triaging bug reports and…See More
26 minutes ago
Suzie Nielsen replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"And most importantly teaching morality in a demoralized society... I hope you get thousands of…"
30 minutes ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service