HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


[Resolved :) ] Login with Facebook Tutorial

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#95511 (In Topic #19008)
Avatar

Well-settled

no facebook login button or details....

After following the tutorial http://ocportal.com/site/s/1/15/52.htm to setup facebook logins to my site I get




There is no Facebook login button also. when continuing on to the login join page I get this



There are not any details and I can't login with my facebook login.

The whole idea I though was to allow any member or guest to login or join my site with their facebook login.  Did I miss something?  I really like the tutorial, but not sure where I went wrong...
... I would really like to have this functionality... go to my site, login or join with facebook login, have some posts go to members wall on facebook.

Anyone know where I went wrong?

Thx.
~larryg1957


Last edit: by larryg1957
Back to the top
 
Posted
Rating:
#95513
Avatar

Well-settled

also can't login with my facebook account at all. My facebook admin account lets me login to ocportla but still no facebook button,
Back to the top
 
Posted
Item has a rating of 5 (Liked by Fletch)  
Rating:
#95517
Avatar

Community saint

Hi Larry,
I wrote this tutorial and I've just verified that my test site with the Facebook login addon is still working fine after upgrading from version 9.0.5 to 9.0.6 and uploading the latest Facebook addon.

I would like to help, and the first thing that comes to mind is to ask you if you received the confirmation illustrated on step 13 of the tutorial. (making sure you are logged in to your Facebook account before)


The login join page image you posted would be identical when already logged in with Facebook from that interface, but giving you the impression your are not until a page refresh. Check on your footer's right side for the word 'logout' indicating that you are effectively logged in.

Jean
Back to the top
 
Posted
Rating:
#95530

Honoured member

Hi Jean, I went to the link to the tutorial.  Is it a flash video or something?  After the wording,
"For obvious security reasons, a Facebook associated account cannot login to a closed-down
website. You should always have a Master Administrator Account not associated with
any third party login method."  All my screen reader is seeing is "Added Facebook Tutorial." and nothing else, so therefore I'm not able to access the tutorial… Hmmm
Back to the top
 
Posted
Rating:
#95534
Avatar

Community saint

chipster said

Hi Jean, I went to the link to the tutorial.  Is it a flash video or something?  After the wording,
"For obvious security reasons, a Facebook associated account cannot login to a closed-down
website. You should always have a Master Administrator Account not associated with
any third party login method."  All my screen reader is seeing is "Added Facebook Tutorial." and nothing else, so therefore I'm not able to access the tutorial… Hmmm

Hi Chipster,

The tutorial starts with your quoted text above an attached image of 775 x 5000. Your screen reader might have a problem reading such a long image. If you need a different media, I can probably PT something else to you. Let me know.

Jean
Back to the top
 
Posted
Rating:
#95552

Honoured member

Ah, Hi Jean.  Yep that would be the problem.  My screen reader can't read images of any type.  I might be able to import in to my ocr software, providing there's not a lot of screen shots etc.  I've install the add on, using my old credentials from an app I set up to work with it back in version 5 or 6 but it dosn't seem to be working, so I need some intructions of some type.  I hate to put you to the bother, but could really use some help.  I haven't looked, and guess I should.  Maybe there's some instruction in text over at the add on's page?
Back to the top
 
Posted
Item has a rating of 5 (Liked by FletchLiked by sholzy)  
Rating:
#95553
Avatar

Community saint

chipster said

Ah, Hi Jean.  Yep that would be the problem.  My screen reader can't read images of any type.  I might be able to import in to my ocr software, providing there's not a lot of screen shots etc.  I've install the add on, using my old credentials from an app I set up to work with it back in version 5 or 6 but it dosn't seem to be working, so I need some intructions of some type.  I hate to put you to the bother, but could really use some help.  I haven't looked, and guess I should.  Maybe there's some instruction in text over at the add on's page?


No Problem, Chipster!
Here is the Text only Instruction tutorial. I will add it also to the Community Doc Tutorial.

How to setup the Facebook Addon Feature
for ocPortal versions 8 and 9
Important Information, please read carefully before proceeding

It is crucial to create a new administrator account for use as a Facebook login. Subsequently logout of the current one and log back in with the newly created account for Facebook login.  If you otherwise ignore this advice , you may find yourself locked-out of your site if it is presently closed or when you eventually need to close it for admin purposes. For obvious security reasons, a Facebook associated account cannot login to a closed-down website. You should always have a Master Administrator Account not associated with any third party login method.

Step-1:From Admin Zone---->Structure----->Addons-->
Step-2:Import non-bundled addons
Step-3:Check Download -->Select Third Party Integration--> select "Facebook Support"
Step-4: Finalize selection by clicking on bottom Blue Button:  Import non-bundled addon(s)
Step-5: on next screen Click on Blue Button:  Proceed
Step-6: Notice that the Facebook Support tar file is now listed on the Addon page-->Click Action checkmark button to install-->Click on bottom Install non-bundled addon(s) button (yes this is a two step installation; first, the Import process and second, installation.
Step-7: Select from-->Home-->Status-->Setup-->Facebook syndication / login
Step-8: Click on get an API Key link for Facebook Developers Apps Page
Step-9: Click on right upper corner  "Create a New App" Button
Step-10: on Popup Form: Type a unique name for your application - Use small caps, no spaces, keep it short. That's it, nothing else need to be filled at this time. Click on the "Continue" button.
Step-11:  Make sure to properly fill the Basic info Fields:
·         Display Name
·         Contact Email
·         App Domain
·         Category
·         Add your Website URL on the Website with Facebook Login Field. 
·         Finish by clicking the "Save Changes" Button.
 
Step-12:  Copy/paste the App ID and App Secret Codes back to ocPortal's Facebook Configuration Panel (step 7) Fields (It should still be there behind this page). The Facebook Page ID field will be automatically filled the next time you click on the Facebook Syndication button.
Step-13:  You will click again on the “Facebook syndication / login button (found on step 7), making sure that you are already logged in Facebook and that your website is open. Doing so will generate a Facebook authorization Confirmation Screen.

Step-14:  IMPORTANT! DO NOT PERFORM THIS FINAL TEST IF YOU ONLY HAVE ONE ADMINTISTRATION USERNAME - CREATE A SECOND ONE JUST FOR FACEBOOK. Finally, to test your Facebook login, logout,  type the site’s URL and use your Facebook login button.  If you have administrator rights, you should be able to login to the site zone or the adminzone while the website is in opened status.

END OF TUTORIAL
Jean Gosselin
Back to the top
 
Posted
Rating:
#95554

Honoured member

Oh goodness Jean.  Thank you so very much.  I didn't mean you need to take from your busy schedule, but thank you so very very much.  That's the stuff.  You're De Bomb!
Back to the top
 
Posted
Rating:
#95555

Honoured member

Hi everyone, first of all Jean, your instructions were simple, concise, to the point and just what the doctor ordered.  I got the add on installed, I already had an app I was using with a previous version, so got the app id and app secret.  I entered thos, leaving the id empty, and sure enough it was filled in.  i took that id and used it in the parm field of the Facebook block and inserted that in my right panel of my main zone.  Ok, two things I noticed right off.  Even though I successfully logged on to my site using my FB account, non of my post are posting to my page, and the block gives me a message that says:  "The ID passed to the Like Box is not a Page."  Although the link defined in the "fanpage" block that says, "Chip & Tracy's Friends" when clicked on takes you to my FB page.  Can anyone explain what might be happening or things to check?  My site is at Chip & Tracy's Places


Last edit: by chipster
Back to the top
 
Posted
Rating:
#95556
Avatar

Well-settled

Also "chipster" and Jean do I need to have this:

 " i took that id and used it in the parm field of the Facebook block and inserted that in my right panel of my main zone"

I saw no mention of having to add a facebook block... did I miss something?
O_o
Back to the top
 
Posted
Rating:
#95560

Honoured member

Hi Larry, not really.  If you read the .inf file that was packaged with the download it tells you about a facebook block that you are able to add to your site that shows your facebook friends that have liked your page and logged in to your site.

Code

\nThe Facebook friends block adds a list of your facebook fans to your website.\nExample Comcode to use it:\n[code='Comcode'][block stream='1' fans='10' logobar='1' param='80430912569' show_fanpage_link='1' fanpage_name='ocPortal Fans']main_facebook_friends[/block][/code]\n\n'stream' is either '1' or '0' -- 1 is you would like the stream to display, 0 means you don't.\n\n'fans' is the number of fans you want the block to display.\n\n'show_fanpage_link' is either '1' or '0' -- 1 is you would like to display a link to the fan page, 0 means you don't.\n\n'fanpage_name' is the name you want to display on the link to the page.\n\n'logobar' is either '1' or '0' -- 1 is you would like to display a facebook logo on within the block, 0 means you don't.

In no way is this block required for the add on to work.

I've got a feeling that my problem is that I'm using an older app that I created some time ago for an earlier version of ocP and the addon.  I'm thinking that I probably need to delete and create a new app.  I'm heading out to work for now, but will get back on it tomorrow.  Once I'm successful geting the app to work, and have a better understanding of how it does, maybe I can help you get yours worked out.
Back to the top
 
Posted
Rating:
#95561
Avatar

Community saint

@Chipster,

I did not have to add anything to my main_facebook_facepile block as parameters and seems to work just fine. The Facebook page ID can be changed to any ID you already have on Facebook. SEE text below:

Optional. The Facebook page ID (a number) where syndicated content goes to, and associated to the site via OpenGraph. When you authorise Facebook syndication (from the Setup drop-down menu), you must be logged in to a Facebook account (on Facebook's end) that is an administrator of this page. Note that posts to the page will be shown as being from this Facebook account too. If you prefer, you can enter a user ID (for syndicating to a Facebook user's wall) or group ID (for syndicating to a group's wall) into this setting, which will work too, assuming again that you are logged in appropriately on Facebook's end. If you leave this setting blank then when you setup Facebook authorisation it will work out who you are logged in as, and enter that user ID here (i.e. posts will then go to your own wall).


To find any of your ID's you can follow this instruction:

Your Page’s (or Profile’s) ID is a numeric value that uniquely identifies it inside Facebook’s database.
To find it, simply go to your Page (you have to be the Page’s Administrator) or your personal profile, and hover over your Profile image or Cover Photo.
As soon as your cursor’s position is over the image, a link appears on the right corner of the image that signals your ability to modify your settings.
Right-click on the image and copy the link!
Paste the link into the Address Bar in your browser, a text editor or anywhere else that’s handy.
Your Page’s or Profile’s ID is the number after the LAST period.
The first number (fbid) is the DB id of the image, the second one (set=a.) is the album id, and that one is connected with a period to your userID”
From the address bar you can now simply copy your page ID to your clipboard.


Hoping this will help!

@larryg1957

You have access to two Facebook blocks in the "Block Construction Assistant"

Note that there is not enough space on the side panels to get the "Comment" Button to show up for the Facebook commenting block. It is better used below a post.

See Attached Image for more details:

Back to the top
 
Posted
Rating:
#95570

Honoured member

Hi Jean, when setting up my Facebook app, in the field, "app domain" I inserted the url to my site but it says error, this field can't contain protocol information.  What exactly is it asking for her?
Back to the top
 
Posted
Rating:
#95571
Avatar

Community saint

chipster said

Hi Jean, when setting up my Facebook app, in the field, "app domain" I inserted the url to my site but it says error, this field can't contain protocol information.  What exactly is it asking for her?

Just your domain name: i.e. chipster.com  
 ;)
Back to the top
 
Posted
Rating:
#95617
Avatar

Well-settled

@Jean - Thanks for the info and hints about facebook addon blocks.  
As I evidently screwed something up in following the visual tutorial (didn't have access to the text only version as I do now), I want to "uninstall" the facebook addon totally.

If I uninstall it from admin zone and select the red "X" it doesn't totally uninstall it(?).

My objective is to totally remove alll remants of the addon Then go through the tutorial again and re-install the addon.

Hoping this will resolve my issues.

I believe this addon is very valable for my site, but I am not a programmer, (obivously) and I need to rely on tutorials to get the look, feel, and functionality for my site that I desire.

Your tutorial especialy the text version is great.

I just don't know what I did or went astray…
…time to start from the beginning.

Thanks for any help in this matter.

~larryg1957
Back to the top
 
Posted
Rating:
#95619
Avatar

Community saint

larryg1957 said

@Jean - Thanks for the info and hints about facebook addon blocks.  
As I evidently screwed something up in following the visual tutorial (didn't have access to the text only version as I do now), I want to "uninstall" the facebook addon totally.

If I uninstall it from admin zone and select the red "X" it doesn't totally uninstall it(?).

My objective is to totally remove alll remants of the addon Then go through the tutorial again and re-install the addon.

Hoping this will resolve my issues.

I believe this addon is very valable for my site, but I am not a programmer, (obivously) and I need to rely on tutorials to get the look, feel, and functionality for my site that I desire.

Your tutorial especialy the text version is great.

I just don't know what I did or went astray…
…time to start from the beginning.

Thanks for any help in this matter.

~larryg1957

Hi Larry,

With an ftp client, you should be able to remove the addon from this location:

your_ocportal_install_dir/imports/addons/facebook_support.ta
r

Good luck with the new install! :)
Jean
Back to the top
 
Posted
Rating:
#95627
Avatar

Well-settled

@Jean

After re-reading this thread several times I decided not to un-install the facebook addon.  This is what I have found:

1.) I have cleared cache and history as well as temp files on both browsers (IE and Firefox) several times.

still the same no facebook button loggin  and doesn't appear on the more screen.

2.) I tried firefox on a different PC and the button appears correctly. As well as I am able to login with facebook user name and is reflected in my profile on my site.

3.) cleared cache several more times on orginal PC still no button in IE or Firefox even before login.

4.) installed crome on original PC hit my site and the facebook login is there.

5.) cleared cache on same machine no change with IE or Firefox.

6.) so firefox works on second pc Facebook button there, crome works on first pc facebook button there, but not with IE or firefox.


Conculsion is that my site page is being cached some where and I don't know where to clear it at so I get the facebook login button on my original pc with both IE and Firefox.


Any ideas where I can check?

By the way the tutorial was nice and clean.... I just didn't get what I expected in myy browsers.

Thanks in advance for any help....
~larryg1957
Back to the top
 
Posted
Item has a rating of 5 (Liked by Guest)  
Rating:
#95629
Avatar

If for example you've overridden the SIDE_PERSONAL_STATS_NO block into your own theme, or due to one you've installed, that might block the override for that template in the addon. If Facebook oAuth was setup okay, and there are no Javascript errors and the Facebook FBML stuff is not in the ocPortal output HTML, that'd probably be why.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#95630
Avatar

Well-settled

Hi Chris,
First let me say I appreciate everyone trying to help me with this.  So just to be sure I understand what I am asking is this.

when I go to mysite.com  in IE or Firefox on my PC I get this before I even login:



If I go to mysite.com on the same PC using chrome I get this:



This is what my problem seems to be I don't get the facebook login even after emptying the history/cache on both IE and Firefox on my original pc without logining in.  I do get it with chrome without logging in.

On a second PC I go to mysite.com not logged in with firefox and I get this:




???  This doesn't make sence to me ?  If I was/had over-ridden the the side pannel,  wouldn't that show in both browser on both PC before I even get logged in?  Any ideas would be greatly appreciated.

Thanks  ~larryg1957



Back to the top
 
Posted
Rating:
#95631
Avatar

Hmm yeah. What about other sites? Maybe "firewall" software is blocking it


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Expand