Auto Tweet NG How to Auto Tweet from

  • Slides: 33
Download presentation
Auto. Tweet. NG How to Auto. Tweet from Your Own Facebook App New Facebook

Auto. Tweet. NG How to Auto. Tweet from Your Own Facebook App New Facebook Developer Site http: //www. extly. com/how-to-autotweet-from-your-own-facebook-app. html Presentation based on Joomla 3 and Auto. Tweet. NG 7. 4 2014 -08 -19

How to Auto. Tweet from your own Facebook App New Facebook Developers Site In

How to Auto. Tweet from your own Facebook App New Facebook Developers Site In this presentation, we are going to show you can Auto. Tweet from Joomla to Facebook, with Your Own Facebook App Product Page: http: //www. extly. com/autotweet-ng-pro. html Support: http: //support. extly. com Community Forum Support: http: //www. extly. com/forum/index. html

Prerequisites New Facebook Developers Site o Auto. Tweet. NG Free or PRO v 7

Prerequisites New Facebook Developers Site o Auto. Tweet. NG Free or PRO v 7 or superior o A Facebook account o System requirements: - Joomla 2. 5 / Joomla 3, or superior - PHP 5. 3, or superior - My. SQL 5. 5 (recommended), or superior o Previous tutorial: How to Auto. Tweet from Joomla in 5 minutes

Add Facebook channel o Each Facebook Profile, Page or Group is a different channel.

Add Facebook channel o Each Facebook Profile, Page or Group is a different channel. o Facebook Channels require Facebook account authorization (a long-lived access token). o You can share the same token in all Facebook channels.

Add channel / Facebook ○ Assign channel type and data, and select “Use Your

Add channel / Facebook ○ Assign channel type and data, and select “Use Your Own App”=Yes o Create your App

Create a Facebook App o Login at https: //developers. facebook. com/apps with your Facebook

Create a Facebook App o Login at https: //developers. facebook. com/apps with your Facebook username and password o Create New App o Define App name

Create a Facebook App Now, you have your own: o App ID o yourdomain.

Create a Facebook App Now, you have your own: o App ID o yourdomain. com my-email@yourdomain. com App Secret Don’t forget to: ● Fill App Domain, ● Fill Contact Email, ● Add Platform

Create a Facebook App Now, you have your own: o App ID o App

Create a Facebook App Now, you have your own: o App ID o App Secret Don’t forget to: ● Add Platform

Create a Facebook App Now, you have your own: o App ID o yourdomain.

Create a Facebook App Now, you have your own: o App ID o yourdomain. com my-email@yourdomain. com http: //www. yourdomain. com App Secret Don’t forget to fill: ● App Domain, ● Contact Email ● Site URL

Create a Facebook App Now, you have your own: o App ID o App

Create a Facebook App Now, you have your own: o App ID o App Secret Don’t forget to : ● Make it public DO NOT TEST WITH A LIVE APP - Create a Test App and a Testing Channel

Create a Facebook - Testing App ● A Testing App allows to freely create

Create a Facebook - Testing App ● A Testing App allows to freely create Posts and delete them to test and improve messages. ● A Testing App has its own: o App ID o App Secret ● Create a new Testing Channel, and disable the Live Channel while you test.

Create a Facebook App Now, you have your own: o App ID o App

Create a Facebook App Now, you have your own: o App ID o App Secret TIP ● Make sure “Stream post URL security” is Off This setting allows Url Shorteners usage, or a different domain.

Add channel / Facebook o Back to the channel configuration o Fill the form:

Add channel / Facebook o Back to the channel configuration o Fill the form: App Id, and App Secret o Continue with steps: 2. Authorization and 3. Channel Selection

Add channel / Facebook o Then, in tab 2, click on "Step 1 -

Add channel / Facebook o Then, in tab 2, click on "Step 1 - Authorize", accept the following dialogs and validate

Add channel / Facebook o Step 2: Authorize App in Facebook Account Permissions Changes:

Add channel / Facebook o Step 2: Authorize App in Facebook Account Permissions Changes: In Facebook Login v 2. 0, they've made some changes to permissions. The authorization dialog shows a warning about requested permissions for final users. ● As you are the main developer of Your Facebook App, you can just accept publishing actions, and continue with Auto. Tweet implementation. ● If you are creating a Facebook Channel for Community Auto-Posting, to be published in Frontend site and authorized by registered users, check this slide.

Add channel / Facebook o Step 2: Authorize App in the Facebook Account

Add channel / Facebook o Step 2: Authorize App in the Facebook Account

Add channel / Facebook o After authorization, Facebook application provides an Access Token to

Add channel / Facebook o After authorization, Facebook application provides an Access Token to validate and fill User-ID.

Add channel / Facebook o Validate Access token, and User ID will be filled

Add channel / Facebook o Validate Access token, and User ID will be filled

Add channel / Facebook o o Select the specific Facebook target (Page, group, or

Add channel / Facebook o o Select the specific Facebook target (Page, group, or profile) Validate it and Save

Conclusion We've created Your Own Facebook App to post from Auto. Tweet. NG; authorized,

Conclusion We've created Your Own Facebook App to post from Auto. Tweet. NG; authorized, verified, and created a new Channel. Facebook channel is ready to publish. As you’ve noticed, there’s also an option to create a full Facebook App with Canvas Page. It requires a SSL-enabled site to upload Facebook App files. In the next slides, this option is described.

Create a Facebook App Canvas Page o Now, you have to create a Facebook

Create a Facebook App Canvas Page o Now, you have to create a Facebook App mini-site. E. g. http: //www. yourdomain. com/Facebook-App/ o From Auto. Tweet. NG downloaded zip file, extract the file: facebook_auth_app. zip o Copy all files into a directory (E. g. /Facebook-App) in your server, to create Canvas Url and Secure Canvas Url For example: Canvas URL: http: //www. yourdomain. com/Facebook-App/ Secure Canvas URL: https: //www. yourdomain. com/Facebook-App/ o Assign the Urls in the Facebook App Configuration, “App on Facebook” platform.

Create a Facebook App Canvas Page o Once the app is created, go to

Create a Facebook App Canvas Page o Once the app is created, go to Add Platform and select Facebook Canvas

Create a Facebook App Canvas Page o Assign Canvas Url and Secure Canvas Url

Create a Facebook App Canvas Page o Assign Canvas Url and Secure Canvas Url in Facebook App Configuration o Save changes

Add channel / Facebook Canvas Page o Back to channel configuration o Fill the

Add channel / Facebook Canvas Page o Back to channel configuration o Fill the form: App Id, App Secret, and Canvas Page o Continue with steps: 2. Authorization and 3. Channel Selection Previous tutorial: How to Auto. Tweet from Joomla in 5 minutes

Add channel / Facebook Canvas Page o Step 2: Authorize App in the Facebook

Add channel / Facebook Canvas Page o Step 2: Authorize App in the Facebook Account

Add channel / Facebook Canvas Page o After authorization, copy and paste Access Token

Add channel / Facebook Canvas Page o After authorization, copy and paste Access Token to validate, and fill User-ID.

Add channel / Facebook Canvas Page o Validate Access token, and User ID will

Add channel / Facebook Canvas Page o Validate Access token, and User ID will be filled

Add channel / Facebook Canvas Page o o Select specific Facebook target (Page, group,

Add channel / Facebook Canvas Page o o Select specific Facebook target (Page, group, or profile) Validate it and Save

Conclusion Canvas Page You've created Your Own Facebook App, to post from Auto. Tweet.

Conclusion Canvas Page You've created Your Own Facebook App, to post from Auto. Tweet. NG. o You can freely customize it o Your posts are going to have your brand name. . . but wait. . . there's another alternative, based on Joomla ! If your Joomla site has SSL support, you can avoid the additional Facebook App mini-site hosting, creating a Menu item!

Facebook App Menu Item Auto. Tweet. NG has a menu to create the Facebook

Facebook App Menu Item Auto. Tweet. NG has a menu to create the Facebook App.

Facebook App Menu Item ● Fill App Id, App Secret and Canvas Page in

Facebook App Menu Item ● Fill App Id, App Secret and Canvas Page in the new menu item.

Facebook App Menu Item ● Verify the new menu Canvas Url: http: //. .

Facebook App Menu Item ● Verify the new menu Canvas Url: http: //. . /index. php? option=com_autotweet&view=facebookapp&Itemid=9999 Secure Canvas: Url https: //. . . com_autotweet&view=facebookapp&Itemid=9999 ● Assign the new Canvas Url and Secure Canvas Url ● Complete the rest of the steps, as shown in the previous case

One last word We love your feedback, it's our way to improve. This presentation

One last word We love your feedback, it's our way to improve. This presentation was created with your help. Please post a rating and a review at the #JED It really helps ; -) Support: http: //support. extly. com Community Forum Support: http: //www. extly. com/forum/index. html Twitter @extly Facebook facebook. com/extly