Intégrer un tweet Instagram

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Intégrer un tweet Instagram

Message par Invité Jeu 16 Aoû 2018 - 15:25

Bonjour, je rencontre un soucis pour intégrer les différents codes tweets d'Instagram. Ceci concerne autant les vidéos que les images. 

Y'aurait-il un moyen (JS ou autre de pouvoir insérer ses codes ?) 

Edit : je n'arrive pas à vous mettre des exemples sous bbcode, un soucis sur FA ?) 

Je vous mets les liens en exemple : 

https://www.instagram.com/p/Bmf1TLDgMkd/?utm_source=ig_embed&utm_campaign=embed_video_watch_again

https://www.instagram.com/p/BlXsRifF2XH/?utm_source=ig_embed&utm_campaign=embed_loading_state_control
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Ven 17 Aoû 2018 - 17:37

:up:
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Mat Ven 17 Aoû 2018 - 17:44

Mat

Mat
Membre habitué

Masculin
Messages : 1485
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Ven 17 Aoû 2018 - 18:48

Bonsoir et merci Mat. Non cela ne m'aide pas. Je ne suis pas aussi pointue en informatique de plus je n'ai nulle envie de m'inscrire sur un site externe. 

Je pense que Forumactif, est une plate-forme importante, qui, à l'heure des réseaux sociaux, comprend, qu'il soit important de concilier avec ces derniers dans la transmission, l'échange d'information surtout quand on gère une forum généraliste. Je vais donc patienter afin de savoir si une solution existe ici en interne.  ::fleur::
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Mat Ven 17 Aoû 2018 - 21:58

D'accord, je comprend Visage souriant
J'ai la solution direct aussi, passer par directement par Instagram :
https://www.facebook.com/help/instagram/513918941996087
Je ne pensais pas que ça existait ^^
Dites moi où voulez-vous intégrer vos publications si vous avez besoin de plus d'aide Clin d'oeil
Bonne soirée à vous Clin d'oeil
Mat

Mat
Membre habitué

Masculin
Messages : 1485
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Ven 17 Aoû 2018 - 22:20

Je sais que sur Instagram un code d'intégration (tweet) est fourni pour partager un article, vidéo...C'est ce dernier qui ne fonctionne pas sur mon forum Rien ne s'affiche. 
Exemple avec le lien que j'ai donné dans ma demande :


Intégrer un tweet Instagram GzF4ezd

Le code mis à disposition sur Instagram : (screen)

Intégrer un tweet Instagram PxO10dz



Code:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/Bmf1TLDgMkd/?utm_source=ig_embed" data-instgrm-version="9" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/Bmf1TLDgMkd/?utm_source=ig_embed" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">Walking thru the Labyrinth of the Medina during the Call to Prayer.  #birthday #magic #adventure </a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Une publication partagée par <a href="https://www.instagram.com/madonna/?utm_source=ig_embed" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> Madonna</a> (@madonna) le <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-08-15T11:21:59+00:00">15 Août 2018 à 4 :21 PDT</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Lun 20 Aoû 2018 - 16:35

:up:
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Mar 21 Aoû 2018 - 17:05

:up:
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Mer 22 Aoû 2018 - 17:46

:up:
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Ven 24 Aoû 2018 - 10:58

:up:
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Intégrer un tweet Instagram

Message par Bipo Ven 24 Aoû 2018 - 18:43

Bonsoir Surricate,

Dans le code, il y a cet élément :

Code:
<script async defer src="//www.instagram.com/embed.js"></script>

Pour des raisons de sécurité, l'insertion de JS dans un message est bloquée par Forumactif. Toutefois, il y a une solution que j'ai testé et qui fonctionne !

Panneau d'Administration → Modules → HTML & JAVASCRIPT → Gestion des codes Javascript

→ Créer un nouveau Javascript ;

On va récupérer le script JS d'Instagram et le publier sur le forum :

→ Titre : Instagram tweet message  
→ Placement : Sur tous les sujets
→ Code :

Code:
$.getScript("//www.instagram.com/embed.js");

→ Valider le script JS.

Ensuite, il suffit de poster votre Tweet :

Code:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/Bmf1TLDgMkd/?utm_source=ig_embed" data-instgrm-version="9" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/Bmf1TLDgMkd/?utm_source=ig_embed" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">Walking thru the Labyrinth of the Medina during the Call to Prayer.  #birthday #magic #adventure </a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Une publication partagée par <a href="https://www.instagram.com/madonna/?utm_source=ig_embed" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> Madonna</a> (@madonna) le <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-08-15T11:21:59+00:00">15 Août 2018 à 4 :21 PDT</time></p></div></blockquote>

MAIS en retirant la partie qui se trouve toute à la fin du code d'intégration (que j'ai retiré) :

Code:
<script async defer src="//www.instagram.com/embed.js"></script>

Normalement, cela devrait fonctionner sans problème Smile

Bonne fin de journée.
Bipo.
Bipo

Bipo
Rédactif
Rédactif

Messages : 2570
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un tweet Instagram

Message par Invité Sam 25 Aoû 2018 - 21:21

Bonsoir Bipo, super ça fonctionne.  cheers Merci beaucoup.  Yes
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum