Tutorial: Integrare Facebook Connect in un sito sviluppato con CMS (Lesson 1)

di
Spread the love

Partiremo oggi con un tutorial alquanto interessante per gli sviluppatori. Vediamo come è possibile integrare Facebook Connect al proprio CMS, e nel caso specifico ci occuperemo di WordPress. Il tutorial sarà diviso in più lezioni per permettere a chi è interessato di prendere dimestichezza man mano con le fasi di integrazione.

E’ interessante visualizzare come si può personalizzare a piacere il collegamento per aumentare sempre più la propria rete di amici.

Come passo fondamentale è necessario installare il plug-in 🙂

Collegarsi alla download page di Facebook e scaricare l’ultima versione del plug-in Facebook Connect.
Una volta scaricato il file, occore un-zipparlo e copiare l’intera cartella nel vostro CSM nel percorso /wp-content/plugins/ in alternativa se il CMS è già pubblicato fare l’upload nel medesimo percorso.
Nel menu amministratore di WordPress, una volta effettuato l’accesso andare nella pagina dei Plug-In ed effettuare l’attivazione dello stesso.

Passo successivo è creare l’applicazione che permetterà all’iscritto di fare il “traghetto” tra il vostro sito e Facebook.

Quindi bisogna collegarsi al sito http://www.facebook.com/developers/ (pagina per chi sviluppa) ed effettuare il login con i propri dati di autenticazione a Facebook.
Guardare in alto a destra e cliccare su “Set Up New Application”. Inserire il nome del proprio sito (oppure un nome particolare a propria discrezione che faccia intendere l’utilizzo dell’applicazione) e cliccare su Procedi.

Una volta creata vanno appuntati e salvati i dati dei valori di Secret e quelli delle API Key. Sempre sulla destra necessita cliccare su “Edit Setting” ed inserire nella sezione Callback URL, l’indirizzo del vostro sito internet ma soprattutto impostare come Developer gli admin fondamentali del vostro sito. Sempre in questi settaggi c’è la possibilità di impostare le icone dell’applicazione e quelle del collegamento (tra cui quella di Facebook) e di scegliere la lingua di utilizzo preminente (nel nostro caso Italiano).

Adesso facciamo un po’ di configurazioni più tecniche. Abbandoniamo quindi l’area di sviluppo di Facebook e rechiamoci nel pannello di Amministrazione del nostro sito pilotato da CMS (ricordiamo sempre che stiamo utilizzando a titolo esemplificativo WordPress) per entrare nella pagina delle Impostazioni dove troveremo anche Facebook Connect. Qui torneranno utili i dati appuntati in precedenza (quelli di Secret e di API Key) che vanno inseriti negli appositi settori. Ulteriore personalizzazione possibile in quest’interfaccia di Editing è quella che permette di inviare i commenti a Facebook e di approvarli automaticamente.
Cliccare quindi su Salva per accettare le modifiche.

Nella prossima lezione parleremo di Template.

Related Posts:

476 commenti su “Tutorial: Integrare Facebook Connect in un sito sviluppato con CMS (Lesson 1)”

  1. Hi there! Quick question that’s entirely off topic. Do you know how to make your site mobile friendly?
    My blog looks weird when browsing from my iphone. I’m trying
    to find a theme or plugin that might be able to fix this problem.
    If you have any suggestions, please share. Thanks!

    Rispondi

  3. You can certainly see your enthusiasm in the work you write.
    The sector hopes for more passionate writers like you who are not afraid to mention how
    they believe. At all times follow your heart.

    Rispondi

  6. Thanks for some other great article. The place else could anybody get that kind
    of info in such an ideal way of writing? I’ve a presentation next week,
    and I’m on the look for such info.

    Rispondi

  7. I don’t even know how I ended up here, but I thought
    this post was great. I don’t know who you are but definitely you’re going to a famous blogger if
    you aren’t already 😉 Cheers!

    Rispondi

  8. Undeniably believe that which you stated. Your favorite
    reason seemed to be on the net the simplest thing to be aware of.
    I say to you, I definitely get annoyed while people think about worries that they plainly do not
    know about. You managed to hit the nail upon the top and defined out the whole thing without having side-effects , people could take a signal.
    Will probably be back to get more. Thanks

    Rispondi

  9. Hello, I think your site might be having browser compatibility issues.
    When I look at your blog site in Opera, it looks
    fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, superb blog!

    Rispondi

  10. Hola! I’ve been following your web site for a while now and finally
    got the courage to go ahead and give you a shout out from Lubbock Texas!

    Just wanted to tell you keep up the great work!

    Rispondi

  11. It is the best time to make some plans for the future and it
    is time to be happy. I have read this post and if I could I
    desire to suggest you some interesting things or advice.
    Perhaps you can write next articles referring to this article.
    I desire to read even more things about it!

    Rispondi

  14. Hi would you mind stating which blog platform you’re
    working with? I’m planning to start my own blog in the near
    future but I’m having a tough time deciding between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most
    blogs and I’m looking for something completely unique.
    P.S My apologies for being off-topic but I had to ask!

    Rispondi

  16. Good day! This is my first visit to your blog! We are
    a group of volunteers and starting a new initiative in a community in the same niche.
    Your blog provided us useful information to work on. You have
    done a outstanding job!

    Rispondi

  19. Simply wish to say your article is as surprising. The clarity
    for your put up is just cool and that i could suppose you’re knowledgeable in this
    subject. Well with your permission let me to snatch your RSS feed to keep up to date with forthcoming post.
    Thanks one million and please carry on the gratifying work.

    Rispondi

  21. Very nice post. I just stumbled upon your blog and wished to mention that I’ve truly loved browsing your blog posts.
    In any case I’ll be subscribing on your rss feed and I hope you write once more
    very soon!

    Rispondi

  22. I am not sure where you are getting your info,
    but great topic. I needs to spend some time learning much more or understanding more.
    Thanks for magnificent information I was looking for this information for my
    mission.

    Rispondi

  23. First of all I want to say awesome blog! I had a quick question that I’d like to ask
    if you do not mind. I was interested to find out how you center yourself and clear your head prior to
    writing. I have had a difficult time clearing my thoughts in getting
    my thoughts out there. I do take pleasure in writing however it just
    seems like the first 10 to 15 minutes are lost just trying to figure out how to begin.
    Any suggestions or hints? Many thanks!

    Rispondi

  26. Nice post. I learn something new and challenging on sites I stumbleupon on a daily basis.
    It will always be interesting to read content from other authors and use a little something from other web sites.

    Rispondi

  33. Хотите заказать механизированную штукатурку стен в Москве, но не знаете, где искать надежного подрядчика? Обратитесь к нам на сайт mehanizirovannaya-shtukaturka-moscow.ru! Мы предоставляем услуги по оштукатуриванию стен механизированным способом, а также гарантируем качество и надежность.

    Rispondi

  43. Does your website have a contact page? I’m having problems locating it but, I’d like to send you an e-mail. I’ve got some suggestions for your blog you might be interested in hearing. Either way, great website and I look forward to seeing it improve over time.

    Rispondi

Lascia un commento