Intégrer un tweet Instagram

[Invité]

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

[Invité]

[Mat]

Bonjour ,
Si ça peut-aider :
http://geekhebdo.com/integrer-photos-instagram-site-guide-complet/

[Invité]

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. 

[Mat]

D'accord, je comprend
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
Bonne soirée à vous

[Invité]

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 :




Le code mis à disposition sur Instagram : (screen)

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>

[Invité]

[Invité]

[Invité]

[Invité]

[Bipo]

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

Bonne fin de journée.
Bipo.

[Invité]

Bonsoir Bipo, super ça fonctionne.   Merci beaucoup.