Utiliser fb et twitter sous drupal

Submitted by Jenny on Thu, 08/31/2017 - 12:42

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.

Tweets de drupal_modules

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" : Follow @Raspberry_Pi

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).

le code donné par le provider (twitter, fb...) - à coller en mode Source
l'"apercu" de ckeditor en modification (quand on n'est pas en mode source)
ce que voit tout surfeur :

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>