So let's say you have a Youtube Channel for your community and you have a Lot of Videos embedded by members throughout your community. Let's also say that you are trying to get your subscriber numbers up so that you can monetize your Youtube Channel (you need 1000 subscribers). Here is a silly simple solution for injecting your Youtube Subscribe button under every video in your Ning community.
Here is what we are making:
Here is what you need to do it from scratch:
Where to go to configure your button
Jen Social's Ning code Injector
Step One:
Plug your youtube channel ID into the Button Configurer and you will get some code like this:
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="UCbdUk6U6dLfLr8XDtpWvuLA" data-layout="full" data-theme="dark" data-count="default"></div>
Add this first part to your custom code top section : <script src="https://apis.google.com/js/platform.js"></script>
Step Two:
Use Jen Social's Ning code injector and paste the second part of the code above into the box and configure to load the code AFTER this element under every video:
this is the CSS element you need: div.videoDetailPage-getEmbedCode_wrap
Step Three:
Paste the generated code into your Custom Code bottom section. Note you can simply replace my channel ID with your own in the following block and it should work (just make sure you add the first part of code above to the top of your custom code page and the following code to the bottom of custom code page).
<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("div.videoDetailPage-getEmbedCode_wrap").after('<div class="g-ytsubscribe" data-channelid="UCbdUk6U6dLfLr8XDtpWvuLA" data-layout="full" data-theme="dark" data-count="default"></div>');
}
else{
}
</script>
Now go look at any video on your Ning community and your subscribe button should load there. Enjoy! Let me know if you need help with your Ning Community!
More Silly Simple Solutions:
Silly Simple Solutions #1: Doing stuff with PDFs
Silly Simple Solutions #2: Finding Posts for Weekly Broadcast
Silly Simple Solutions #3: Inline Style Images Round or Oval
Silly Simple Solutions #4: Embed Commenting Under Videos Ning 3
Replies
fabulous thanks ... when my site is back add the codes ... now it's on the floating moon
coolio!
JFarrow, you're the best. Here is a pic to honor your generosity. I simply used div.left-panel on my network and it adds it under all shareable content. Pictures as well as video. I added text as a "call to action"
Love it!