redSOCIALSTREAM:Creating Apps to connect your Social Medias
For each of the services
we will need to create an App in their developer areas in order to be able to connect with these social medias.
This page will describe in detail how to setup an App for each of these Social medias.
Facebook App Setup and Configuration
To use Facebook with redSOCIALSTREAM you will first have to create a Facebook App.
Go to http://developers.facebook.com/ and login to your account
When logged in then click the Apps menu item.
This will take you to the Apps overview page, and if you haven´t registered as a Facebook Developer yet, this will be the next step to do. Click the 'Register as a Developer' button:
this will return a popup box with a few steps to go through to accept terms, and to add some details. When having completed the steps you will see a message of success:
Now you are ready to start creating your new Facebook App. At the top right of the page you click the 'Create New App':
A popup box will show, and in this you will now enter a name of your own choise for your App.
When clicking the 'Continue' button you will be sent to the overview page for your new App, where you now are to fill in the correct details in order to make you Facebook App work with redSOCIALSTREAM.
You can see the Display name of your App, and the important App ID and App Secret, and the email are prefilled. But you have a few more details to fill in before we you can connect the new Apps with your site.
- App Domains (here you enter the site URL, but without the leading http
- Site URL (here you enter the actual URL of your site including http)
This is all needed to configure your App to work with your redSOCIALSTREAM from your site. You can now Save the changes at the button that you find at the bottom of the page.
- The before mentioned values for App ID and App Secret, you should copy/paste to your notepad, so you have these values when we are to configure the redSOCIALSTREAM component at your site in the next steps.
In the screenshot below the values are blurred out in this example, but it is these values from your new App you will need:
The final step in connecting with Facebook is to go to your site and enter you App ID + App Secret in the configuration of redSOCIALSTREAM, and then finalise with creating Access Token for Facebook. This final step of the Facebook connection you can read more about in Creating Access Tokens
Twitter App Setup and Configuration
For using Twitter with redSOCIALSTREAM you will first need to create a Twitter app.
Visit https://dev.twitter.com/ and login to your account.
When logged in, go to 'My Applications'
At the 'My Applications' page you will now see your applications listed (if any), and see a button to the right where you can 'Create a new application'
Click this button, and you are about the create your new App.
You will now see the 'Create an application' page, where you are to fill in some details about your new app.
Name: Here you enter a name of your choise for your application
Description: Here you enter a descriptive text that will be shown on verification of the app. when fetching Access Tokens and connecting your app. with your site.
Website Fill in the site URL for the joomla site that you will connect with this app.
Callback URL: This special callback URL is needed for Twitter to connect with your new app. In the screenshot above you can see that it is your Website URL + /administrator/index.php?option=com_redsocialstream&view=access_token
Mark the 'Yes, I agree' for accepting the terms and conditions of using the app.
Fill in the CAPTCHA text, and then click the 'Create your Twitter application' button.
You have now created your application and will be taken to your 'My applications' overview page, and should see your new app. listed
There are a few more steps to do before we can start using the app.
Click the name of your app, and you will be taken to the app. details page(s)
At the 'Details' tab, in Application type, you have to mark the Access level, in order for your app. to connect with your site
Then click the 'Update this Twitter application´s settings' button:
Now the app is configured, but before we go back to our site to connect it, we need to copy the important information that we need for the connection.
At the oAuth settings you can see the values for:
1. Consumer key
2. Consumer secret
Copy these values to your notepad, for use at your site at the next step.
Go to your joomla site, and login to the administration, and go to the redSOCIALSTREAM config page.
At this page you now enter the values for 'Consumer key' and 'Consumer secret' and click save in the top menu.
You now have configured you app. and your redSOCIALSTREAM.
Final step is to create Access Tokens to connect your site and your Twitter app. You can read more about this in Creating Access Tokens
LinkedIn App Setup and Configuration
For using LinkedIn within redSOCIALSTREAM you will first have to setup an App for LinkedIn.
Go to https://developer.linkedin.com/ and log in to your account.
When logged in you will see a page listing all your apps, if any.
Now click the 'Add New Application' option.
This will take you to a new page where you have to fill in details about your new app.
this will take you to a 'Your application was successfully created page'
and when you click the 'Done' button you will see your new app. listed in the overview page:
We have now created our new app., but before we return to our site we need to click the name of our app. and then copy the API key and the Secret key, for use in our redSOCIALSTREAM config.
The final step in connecting with LinkedIn is to go to your site and enter you API key + Secret key in the configuration of redSOCIALSTREAM, and then finalise with creating Access Token for LinkedIn.
This final step of the LinkedIn connection you can read more about in Creating Access Tokens
Google+ App Setup and Configuration