Skip to main content

Social Backlinks: Networks Connection

 

1. Facebook automatic login

In order to post automatically on Facebook, there's 2 method:

  • Use our App with a single Facebook login: fastest method, detailed below
  • Use your App created on Facebook to get API key and/or secret key: better for high volume of social posting
     

We’ve created a dedicated Facebook App to help you posting on social networks easily. From Social Backlinks component view click on Off/On button.

 

social-backlinks-facebook-settings

 

Then accept the disclaimer that will be opened in a popup.

 

popup-facebook

 

Then you need to connect to your Facebook account to post on a page. Click on Continue as... button.

 

select-account

 

Then select the page Facebook where you wish to post. Click on Next button.

 

select-facebook-page

 

After that, you need to choose Social Backlinks permission with your selected page. Click Done button.

 

permissions

 

Social Backlinks might not work properly if you turn off these options.

 

You've now linked Social Backlinks to Facebook. Click on OK button.

 

linked-facebook

Then on a popup with the selected page above ,click on Continue button to finish.

 

facebook-connector

 

It’s done! You’re connected, and the button will turn On, you can start posting on Facebook pages.

 

connected

 

2. Connect to Facebook using an App

Login to Facebook developer portal

In order to get the App key and App secret from Facebook, login with your Facebook account on: https://developers.facebook.com/apps
All your Apps will be listed there.

 

facebook-dev-app-list

 

Note: For all new developer account, Facebook may ask you to validate your account first with your phone.

Create an App

Then click on Create App button on the right corner.

 

add-app

 

Then Select an app type.

 

select-app-type

 

Next, input an App name, then click on Create app button.

 

app-name

 

Due to the changes in Facebook policy, we are using Developer mode on the Facebook app, so you should clone a test app from the new created app above.

First, please go back to the page https://developers.facebook.com/apps, click on the three-dot beside the bell, choose Create Test App, then edit the app name and click on Confirm button.

 

create-test-app

 

After inputting your password, click on Add Product link text on the left menu. Then on the "Add products to your app" page, click on Facebook Login > Set Up button.

 

add-a-product

 

Then select a platform Website

 

website

 

Input your site URL, then click on Save button

 

fill-site-url

 

Go to Settings > Basic on the left menu, then fill the App domain with your website domain (no https://www) and URL (with https://www)

 

app-domain

 

On the left menu, Facebook Login > Settings, you should enable Embedded Browser OAuth Login option. Then, input your URL at Valid OAuth redirect URIs. With the 1st Facebook account, your Redirect URls should be: https://your-domain.com/administrator/index.php?option=com_socialbacklinks&view=plugin&task=networkConnect&network=facebook&callback=1&tmpl=component

The 2nd Facebook account, your Redirect URls should be: https://your-domain.com/administrator/index.php?option=com_socialbacklinks&view=plugin&task=networkConnect&network=facebook2&callback=1&tmpl=component

 

enable-oauth-login

 

After that, click on Save Changes button.

Done! You just created you Facebook app. You can now grab your App ID and App secret. You’ll need both to fill Social Backlinks settings.

If you have authorization problem, you can check if your Facebook account is registered as admin in the  App.

You should fill at least 2 fields the Facebook configuration in order to be connected.  First put your mouse over the Facebook block, on the right of your screen then click on “Settings” button.

 

image21

 

Those two field bellow need to be filled in order to post on your Facebook Page account. Paste the App ID and App secret then follow the next step to connect your Facebook page.

 

image22

 

Post on Facebook page

Social Backlink is smart, with your App ID and App Secret, the extension detect the page linked to your account. So, in order to post on the pages linked to your Facebook account you just need to get you page ID.

A. Go on you page linked to your account from you profile

 

image26

 

B. Get you page ID at the end of the URL

 

url


C. Fill the number or name in Social Backlinks in order to post on the proper page

 

image28


You can “post as user” like someone post on your wall or “post as admin” like a page administrator.

Your Facebook Page account in now configured but not connected yet, you just need to login to your account by clicking on the the "On" buttonThen you’ll get an authorization popup to publish on all your Facebook Page account.

Congratulation you are now successfully connected to Facebook!

Publish on Facebook group

This is not something is included in the API but more a trick.

Perform the manual setup – make sure your APP has the following permissions: publish_actions user_groups
Go to http://lookup-id.com/ and enter the URL to your Facebook group
Use the ID give and put that in the page_id within the settings

And ensure you “post as user” and it’ll work just fine.

3. Connect to Twitter using an App

You can connect a Twitter account using your own app. First of all, you should create a Twitter application here: https://developer.twitter.com/en/apps
Connect to your Twitter account, then you’ll be invited to create an App. Click on Add App button.

 

twitter-app

 

Then input the field to name the app, it should be numbers. And click on Next button.

 

name-app

 

At Key & Tokens tab, save the API Key and API Key Secret to connect the app. Then click on App settings button for the next step.

 

api-key-secret

 

At current project, navigate Settings tab > User authentication settings section, and click on Set up button.

 

setup-app

 

Then on the User authentication settings page, you’ll need to fill in some mandatory fields:

  • App permissions:
    • Select Read and write option
  • Type of App
    • Select Web App, Automated App or Bot option
  • App info:
    • Callback URL: include "socialbacklinks/twitter/callback". E.g: https://joomunited.com/JOOMLA/socialbacklinks/twitter/callback
    • Website URL: https://joomunited.com/

 

app-settings

 

After completing the process, click on the Save button. You will see the OAth 2.0 Client ID and Client Secret, but please note that we will not be using these. Instead, use the key generated in the previous step. OK now your Twitter App is ready to be used!

You can regenerate the key any time if you forget them in Keys and tokens tab > Consumer Keys section.

 

regenerate-key

 

Now you may copy Consumer key and Consumer secret the Twitter configuration of Social Backlinks in order to be connected. First put your mouse over the Twitter block, on the right of your screen then click on “Settings” button.

 

image33


Copy and paste your API key and API secret key then click on Save button.

 

image34

 

Your Twitter account in now configured but not connected yet, you just need to login to your account by clicking on the Twitter On button.

 

image35

 

You’ll be invited by Twitter to connect to your account. Please fill your User name and Password and you will be automatically connected by Social Backlinks.

 

image36

 

Congratulations, Twitter connexion successful!

 

image37

 

4. LinkedIn automatic connection

We’ve created a dedicated LinkedIn App to help you posting on social networks easily. From Social Backlinks component view click on the LinkedIn Off/On button.

 

LinkedIn-auto-connect

 

Then validate the disclaimer and you'll be redirected to a LinkedIn login page. Login with your regular account.

 

linked-auto-connect

 

You're done, LinkedIn is now connected to Social Backlinks.

5. Connect to LinkedIn using an App

First of all you need to create a LinkedIn application here: https://www.linkedin.com/developer/apps
A LinkedIn account is required, then hit Create Application

 

linkedin-apps

 

In order to get your Consumer key and Consumer secret you’ll need fill all the fields. The website URL must be the domain only not a subdomain URL. 
Example of website URL: https://www.your-domain.com

 

linkedin-app-settings

 

When your application is created you’ll get a success massage with your API Key and your Secret Key.

 

auth-key

You should fill 2 fields in the LinkedIn configuration of Social Backlinks in order to be connected. First put your mouse over the LinkedIn block, on the right of your screen then click on “Settings” button.

 

image42

 

Copy and paste your API key and Secret Key then click on Save button.

 

image43

 

In order to connect click on the LinkedIn On related button

 

image44

 

Then you’ll be invited to authorize you App to access to your profile, please click OK, I’ll Allow It.

 

LindedIn-login

 

Your LinkedIn account is now fully connected with Social backlinks.

 

image46

 

Great! was it hard to configure? not so much :) Now let’s see how to configure your Joomla content.

6. VK automatic connection

We’ve created a dedicated VK App to help you posting on social networks easily. From Social Backlinks component view click on the VK Off/On button.

 

auto-connect-vk

 

A pop-up window appears, you click to the LINK, it will be switched to new tab, then copy URL (e.g: https://oauth.vk.com/blank.html#code=a250ef9427c3925) and paste to Full address field. Next, press Continue button.

 

auto-link-vk


You can choose Community or your profile in your VK account, then click Continue button.

 

auto-step-vk

 

It’s done! You’re connected, and the button will turn On, you can start posting on VK.

7. Connect to VK using an App

You can also connect a VK account using your own app. First of all you should create a VK application here: https://vk.com/apps?act=manage
Connect to your VK account, then you click Create an Application button on the right.

 

create-vk-app

 

In order to get your Application ID and Application Secret you’ll need fill some mandatory fields:

  • Title: Your title
  • Platform: Website
  • Site address: http://yoursite.com
  • Base domain: yoursite.com

 

fill-infor-vk

 

Then, click on Connect Site button.

A pop-up window display, click Get code button, then you need to input the confirmation code sent to your mobile. Finally, press Confirm button.

 

confirm-code

 

You will see your App ID and Secure key in Settings on the left Menu. App credentials that needs to be copied in Social Backlinks.

 

vk-app-infor


OK now your VK App is ready to be used!

Now you may copy App ID and App Secret to the VK configuration of Social Backlinks in order to be connected. First put your mouse over the VK block, on the right of your screen then click on “Settings” button.

 

vk-settings

 

Copy and paste to your  App ID and App Secret field then click on Save button.

 

fill-key-vk

 

Your VK account in now configured but not connected yet, you just need to login to your account by clicking on the VK On button.

 

on-vk

 

You will copy the LINK and paste to Full address field as the Automatic connection step above.

 

auto-link-vk


Congratulations, VK connection successful!

 

connected-vk