SYNDETIC SOLUTIONS™ FACEBOOK APPLICATION SET UP

SYNDETIC SOLUTIONS™
FACEBOOK APPLICATION
SET UP
Table of Contents
Prerequisites
Key Steps
Steps to Set up the Syndetics Facebook App
5/22/2014
2
Prerequisites
#
Name
1
Valid Facebook Account
2
Unique Client ID to use the Syndetics Facebook App
3
Facebook Page for adding the Syndetics Facebook App
4
Facebook developer account to create the Syndetics
Facebook App
Alternative steps
If you do not already have a Facebook account, go to
www.facebook.com and Sign Up to create a Facebook
account.
If you do not already subscribe to Syndetic Solutions, please
go to http://www.syndetics.com and click on Contact Us to
subscribe.
If your Library does not currently have a Facebook page, go to
Step 1 to find out how to create one.
If you don’t have a Facebook developer account, go to Step 2
to find out how to register as a developer on Facebook.
There are 3 options for sending Bowker your file:
1. ISBN: (default) - A file of ISBNs where each line contains a
single ISBN-10 or ISBN-13.
2. TSV: - A tab separated file of the format
(ISBN<tab>Title<tab>Author). The ISBN column can even
contain multiple ISBNs if they are pipe delimited
(ISBN|ISBN<tab>Title<tab>Author).
3. MARC: - A MARC21 file.
5
Send Library Holdings to Bowker
Hold Button:: If users are to be directed to the Library home
Page from Syndetics search results, the library should provide
the URL where the page will link to, along with the Library’s
holdings.
Place the file on ftp.syndetics.com
Username: syndeticstest
Password: Bird2can
Notify Bowker when you have added your files.
[email protected]
Please make sure to add in the subject line: Library holdings
5/22/2014
3
Key Steps
Step1
Step2
Step3
Step4
Step5
Step6
• Create Facebook Page for adding the Syndetics Facebook App
• Register as a Facebook Developer to create the Facebook App
• Create Syndetics Facebook App
• Know your Syndetics Facebook AppID
• Send your Library Holdings to Bowker
• Add Syndetics Facebook App to your Facebook Page as a Tab
• Access the newly created Page and App
Step7
5/22/2014
4
5/22/2014
5
Step 1 : Create a Facebook Page
Note : If you already have a Facebook page to add the Syndetics Facebook App to, ignore this step
and go to Step 2.
Pre-requisites
 Valid Facebook Account
Steps
1. Login to your Facebook (www.facebook.com) account using your Username and Password.
2. Click on the ‘Create Page’ link at the bottom of your Facebook account (as shown in the figure
below).
Click here to
create a new
Facebook
Page
5/22/2014
6
Step 1 : Create a Facebook Page (Contd.)
3) Choose the category ‘Library’ under the entertainment section and fill in the details as shown in
the screenshot.
Facebook
Page
Name
Click
here to
Finish the
process
4) Click on the ‘Get Started’ button.
5/22/2014
7
Step 1 : Create a Facebook Page (Contd.)
5) Enter the Facebook page details that user is creating and click on Save Info.
Click
here to
Save
page Info
5/22/2014
8
Step 1 : Create a Facebook Page (Contd.)
6) Add a profile picture for the new page or you can skip this option and do it later
7) This option helps you to add the new Facebook page to Favorites tab
Click here
to Add new
page to
Favorites
Click
here to
Save
Photo
8) Skip this option if you don’t want to advertise the new page on Facebook
Click here
to Skip
advertising
5/22/2014
9
Step 2 : Register as a Facebook Developer
Note : If you have already registered as a Developer on Facebook, ignore this step and go to
Step 3.
Pre-requisites
 Valid Facebook Account
Steps
1) Login to https://developers.facebook.com/apps
https://developers.facebook.com/apps using
usingyour
yourUsername
Usernameand
andPassword.
Password.
2) Click on the ‘Register as a Developer’ button
button.in the App tab.
Click here to
Start the
Registration
3) Accept the condition and Click on the ‘Continue’ button to proceed with the registration.
5/22/2014
10
Step 2 : Register as a Facebook Developer (Contd.)
3) Accept the condition and Click on the ‘Continue’ button to proceed with the verification process.
Click
here to
Continue
4) Provide the verification details and click continue to activate account. The user can either
confirm the number by receiving a call or through message.
Click Here
to select
the
country
code
Click
Here to
Continue
Enter a
valid phone
number
5/22/2014
11
Step 2 : Register as a Facebook Developer (Contd.)
Steps
5) Enter the conformation code you received via message or call.
Enter the
confirmation
code here
Click here to
confirm the
number
Note: If user doesn’t receive the message in 5min, click on ‘Resend Code’ link.
5/22/2014
12
Step 2 : Register as a Facebook Developer (Contd.)
Steps
6) Fill the details as shown in the figure and click on the ‘Continue’ button.
Click here to
continue
5/22/2014
13
Step 2 : Register as a Facebook Developer (Contd.)
Steps
7) A confirmation message will display upon successful registration, as in the figure below.
8) Click on the ‘Done’ button to finish the Registration process.
Click here to
finish the
process
5/22/2014
14
Step 3 : Create Syndetics Facebook App
Pre-requisites
 Valid Facebook Account
 Valid Facebook developer account
 Unique ClientID to use the Syndetics Facebook App
 Facebook Page for adding the Syndetics Facebook App
Steps
1) Login to https://developers.facebook.com/apps using your Username and password
5/22/2014
15
Step 3 : Create Syndetics Facebook App (Contd.)
Steps
2) Click on ‘Create a New App’ button to start on the app creation process
3) Enter the Application Name and Application Namespace (Application Namespace should not
contain upper case letters) and click on ‘Create App’ button to continue
Click here to
Create New
App
5/22/2014
16
Step 3 : Create Syndetics Facebook App (Contd.)
3) To update the App details, click the Settings tab and click Add Platform.
Click here to
select the
platform
5/22/2014
17
Step 3 : Create Syndetics Facebook App (Contd.)
4) To add the application as a page tab to the Facebook page, select ‘Page Tab’.
Click here to
Create Page
Tab
5/22/2014
18
Step 3 : Create Syndetics Facebook App (Contd.)
5) Fill in the Page Tab Name, Page Tab URL ,Secure Page Tab URL and Page Tab Edit URL under the Page
Tab section and click on the button ‘Save Changes’
•
Note that you need to provide the ClientId of your library page in the URL.
•
Page Tab URL:
http://fbapp.syndetics.com/UI/Pages/HomePage.aspx?client=<YourClientID>
•
Secure Page Tab URL:
https://fbapp.syndetics.com/UI/Pages/HomePage.aspx?client=<YourClientID>
•
Page Tab Edit URL:
http://fbapp.syndetics.com/UI/Pages/HomePage.aspx?client=<YourClientID>
•
You can upload a JPG, GIF, or PNG file as the Page Tab Image. The size of the image must be 111 x
74 pixels. File size limit 1 MB.
5/22/2014
19
Step 3 : Create Syndetics Facebook App (Contd.)
6) Click on the ‘Save Changes’ to finish the app creation process. <YourClientID> needs to replace with a
unique ClientID.
Syndetics
Facebook
App http
URL
Custom
Tab
Name to
display
in the
Faceboo
k Page
Syndetics
Facebook
App http
edit URL
Syndetics
Facebook
App Secure
URL
5/22/2014
20
Step 4 : Know your Syndetics Facebook AppID
1) Once you save the changes, the Facebook App will be created and the AppID can be seen by
clicking the App tab on the page and selecting the App name created. In the Dashboard the
AppID is displayed.
2) To know the AppID of the Application created, refer to the below figure.
Newly created
Syndetics
Facebook App
ID
5/22/2014
21
Step 5 : Send your Library Holdings to Bowker
There are 3 options for sending Bowker your file:
1. ISBN: (default) - A file of ISBNs where each line contains a single ISBN-10 or ISBN-13.
2. TSV: - A tab separated file of the format (ISBN<tab>Title<tab>Author). The ISBN column can even
contain multiple ISBNs if they are pipe delimited (ISBN|ISBN<tab>Title<tab>Author).
3. MARC: - A MARC21 file.
Hold Button:: If users are to be directed to the Library home Page from Syndetics search results, the
library should provide the URL where the page will link to, along with the Library’s holdings.
Place the file on ftp.syndetics.com
Username: syndeticstest
Password: Bird2can
Notify Bowker when you have added your files. [email protected]
Please make sure to add in the subject line: Library holdings for Syndetics FaceBook App.
5/22/2014
22
Step 6 : Add Syndetics Facebook App to your Facebook Page
as a Tab
1) Build the URL by replacing <YourAppID> and <YourClientID> with the AppID of the newly created
Syndetics Facebook Application and your unique ClientID .
http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL
Example :
•
YOUR_APP_ID : 1396332277298323
•
YOUR_URL : http://fbapp.syndetics.com/UI/Pages/HomePage.aspx?client=YOUR_CLIENT_ID
•
YOUR_CLIENT_ID: 111-222-3333
•
Your Final URL should look like the below:
Newly created
Syndetics
Facebook App
ID
Syndetics App
URL with
unique ClientID
FB
AppID
http://www.facebook.com/dialog/pagetab?app_id=1396332277298323&next=https://fbapp.synd
ClientID
etics.com/UI/Pages/HomePage.aspx?client=111-222-3333
2) Open a new browser tab, paste the Final URL with right AppID & ClientID and then press enter.
5/22/2014
23
Step 6 : Add Syndetics Facebook App to your Facebook Page
as a Tab
3) Once we run the above Final URL, you will get a dialog box where you can choose the Facebook
page to which the Syndetics Facebook App tab has to be added.
Newly created
Custom Tab to
add into
Facebook Page
4) Finally, click on the ‘Add Page Tab’ button to finish the Add Page Tag process
5/22/2014
24
Step 7 : Access the newly created Page and App
1) The application is now added to the page ‘Syndetics‘ as a custom tab
Newly
created
Facebook
Page
2) Click on the newly created Syndetic App Tab to open the Home Page of the Syndetics Facebook
Application
Newly
created
Syndetics
App Tab
5/22/2014
25
Appendix
5/22/2014
26
URLs
Name
URL
Syndetics Facebook App
URL
http://fbapp.syndetics.com/UI/Pages/HomePage.aspx?client=<YourClien
tID>
Syndetics Facebook App
secure URL
https://fbapp.syndetics.com/UI/Pages/HomePage.aspx?client=<YourClie
ntID>
Facebook Login
www.facebook.com
Facebook Developer
Login
https://developers.facebook.com/apps
URL to Add Syndetics
app to Facebook Page as
a Tab
https://www.facebook.com/dialog/pagetab?app_id=<YourAppId>&next=
<YourSiteURL>
Facebook Page Tab
Tutorial
http://developers.facebook.com/docs/appsonfacebook/pagetabs/
Need help
5/22/2014
Notify Bowker if you have any questions
[email protected]
27
Thank you
5/22/2014
28