Custom Ning Solutions: Importing Facebook Pages and Google Photos

posted Oct 16, 2013, 2:31 PM by Jaybird Farrow   [ updated Feb 10, 2014, 12:44 PM by LoftnInja UNrealtor ]

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).

Import Picasa Web Albums to Ning Networks
Add Pinterest Boards to Ning Networks
Import Facebook Page to Ning Network


Live Examples of Social Importing:


Facebook Page Import

Example of Google + Photos 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

Example of Facebook Page Import


Live Example

Example pulls all recent posts from a Facebook Page- in this example, Land Surveyors United

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