Utiliser fb et twitter sous drupal

Tags:

Vers Utiliser media_oembed (a images d'ici), tag ckeditor

Twitter

https://dev.twitter.com/web/overview

Être logué sur twitter, sur le profil voulu, à droite de "suivre" ouvrir le menu (ces 3 points verticaux) pour y choisir "insérer ce profil" - cela nous envoie sur https://publish.twitter.com/, choisir à gauche "Embed Timeline" et cliquer sur le "copy code".
Créer un node (choisir le Format de texte adéquoit), cliquer sur le bouton Source (l'un des 1er dans la barre d'outils de ckeditor) et y coller le code.

    utile : data-lang="fr" data-theme="dark" data-tweet-limit="3" (affiche les 3 derniers tweets, il me semble qu'on choisit soit un nb soit la hauteur, à tester avec d'autres versions jquery?)

    voici ce que donne le choix "bouton" :

    On a donc à expliquer au client qu'il y a 3 visions du meme truc... Un dernier exemple, qui affiche une liste (créée par un autre user).

    1. le code donné par le provider (twitter, fb...) - à coller en mode Source
      code à coller en mode source
    2. l'"apercu" de ckeditor en modification (quand on n'est pas en mode source)
      en modification
    3. ce que voit tout surfeur : le résultat (20 teewts affichés sur 400 pixels en hauteur)

     


     

    facebook

    https://developers.facebook.com/docs/plugins/embedded-comments

    pour récupérer dans drupal des contenus fb : Commentaires intégrés / embedded-comments

    avoir l'url (Cliquez sur l’heure de publication, puis dans l'url récupérer comment_id voir https://developers.facebook.com/docs/plugins/embedded-comments#how-to-ge...)

    Puis mettre à jour dans :

    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    
    <!-- Your embedded comments code -->
    <div class="fb-comment-embed"
       data-href="https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185"
       data-width="500"></div>

     

    On peux aussi créer une page fb et utiliser https://developers.facebook.com/docs/plugins/page-plugin

     

    https://developers.facebook.com/docs/plugins/oembed-endpoints

     

    plus à

    https://publish.twitter.com/
    https://twitter.com/settings/widgets/new
    https://dev.twitter.com/web/embedded-timelines/user

    https://developers.facebook.com/docs/plugins/page-plugin
    https://developers.facebook.com/docs/plugins/embedded-comments

    logo drush