Custom Ning Solutions: Importing Facebook Pages and Google Photos
Post date: Oct 16, 2013 9:31:46 PM
Importing Social Profiles to Ning Pages
Over the past few months I have been gradually preparing Land Surveyors United for a complete and total upgrade. Now with close to 6000 members, it is time for change. We've officially outgrown the current platform and with Ning 3.0 release looming, I have been knee deep in migration preparations. More on this soon, but today I am pleased to have found the perfect solution for importing and aggregating other social network profiles, pages and photos from platforms such as Facebook, Google Plus and Pinterest. If you happen to be a Ning Creator looking for some custom work, feel free to drop me a line here and let's chat about it.
Screenshots of Imported Social Channels inside my newly redesigned Surveyors Network (private for now).
Live Examples of Social Importing:
Facebook Page Import
Live Example
See this example Live Full Width on this photography page of my site.
Update: You can now purchase these add-ons and I'll add them to your network for you! Just visit my new Web Store
Google+ Picasa Photo Albums Import
Pinterest Boards to Ning
How to add Pinterest Boards to Ning Networks
The original tip can be found here on the Creators Network.
Step 1. Add this code to your Custom Code (End of Page Code)
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
Step 2. Create a new Custom Page and call it something like pinterest or boards
Step 3. Find a board on your pinterest account that you believe will work well for your network and go to THIS PAGE to generate the embed code or just replace the red part of the following code below with your own pinterest board URL.
<a data-pin-do="embedBoard" href="http://pinterest.com/surveying/surveyor-support/"></a>
Step 4. Click "Add Content" and add an HTML Box to your new page and copy the above code in step 3 to that HTML box and save. You're Done!
Bonus!
If you'd like to add a Pinterest follow button as well, you do not need to add a second occurance of the Custom Code script, you simply need to add the following code to an HTML box, replacing the red url with your own URL.
<a data-pin-do="buttonFollow" href="http://pinterest.com/pinterest/surveying/">Follow Surveying on Pinterest</a>
Update
Live Example
Example pulls all recent posts from a Facebook Page- in this example, Land Surveyors United