vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   Mini Mods - Instagram BB code (https://vborg.vbsupport.ru/showthread.php?t=303936)

OUTL4W 10-27-2013 11:00 PM
Instagram BB code
 
1 Attachment(s)
this mini-mod is used to embed videos from instagram...this should also work for vB3.x

Add a new bbcode (AdminCP > Custom BB Codes > Add New BB Code)

title: Instagram
BB Code Tag Name: igm

Replacement:
Code:
<iframe src="//instagram.com/{param}/embed/" width="612" height="710" frameborder="0" scrolling="no"></iframe>
User Option: No
Button Image (Optional): your-site/images/instagram.png (change accordingly (button attached))

Example usage: http://instagram.com/p/f-gSfFyp7c
instagram.com/p/f-gSfFyp7c
copy red text and place between:
[igm]p/f-gSfFyp7c[/igm]


https://vborg.vbsupport.ru/external/...1.png~original

remember to click "Mark as Installed"...

Thangvip9x 10-28-2013 09:42 PM
This is not mod

OUTL4W 10-29-2013 12:38 PM
Quote:
Originally Posted by Thangvip9x (Post 2456906)
This is not mod
you're right...it should be in the "Add-on" section......


if mod/admin see this....can you please move?

HighCaliber 04-10-2015 01:46 AM
This works really well on VB5.

blah100 01-30-2016 06:57 AM
It seems this doesn't work anymore unfortunately, at least on vb4.2

soccerman2015 11-22-2016 08:38 AM
Quote:
Originally Posted by blah100 (Post 2563861)
It seems this doesn't work anymore unfortunately, at least on vb4.2


Works fine 4.2.X...

[igm]p/f-gSfFyp7c[/igm]

do not put anything else on


if you put red one, its not work.

[igm]p/f-gSfFyp7c/[/igm]

Cem01 11-23-2016 07:50 PM
This is great addon. Works fine. Thank you

Flipfloptrader 03-15-2017 11:29 AM
Worked nicely, thanks.

gajinoz 04-01-2017 10:11 PM
Works well on 4.2.3

RichieBoy67 09-26-2018 07:01 AM
Is there an updated version to IG videos embedded?

TheBang 10-01-2018 07:25 AM
This is what I've been using, and it works well on vB3 and vB4. It supports video, as well as the caption, and is not a fixed size like the iframe method at the beginning of this thread.

Title: Instagram
BB Code Tag Name: instagram

Replacement:
Code:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/{param}/" data-instgrm-version="8" 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:658px; 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:33.33333333333333% 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=" 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;"><a href="https://www.instagram.com/p/{param}/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-01-01T19:00:00+00:00">Jan 01, 2017 at 12:00pm PDT</time></p></div></blockquote>
<script async defer src="//www.instagram.com/embed.js"></script>
Example: [instagram]BoW_r_ZBqhD[/instagram]

Use {option}: No
Remove Tag if Empty: Yes (and everything below this option set to Yes also).

RichieBoy67 10-01-2018 04:34 PM
Quote:
Originally Posted by TheBang (Post 2596551)
This is what I've been using, and it works well on vB3 and vB4. It supports video, as well as the caption, and is not a fixed size like the iframe method at the beginning of this thread.

Title: Instagram
BB Code Tag Name: instagram

Replacement:
Code:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/{param}/" data-instgrm-version="8" 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:658px; 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:33.33333333333333% 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=" 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;"><a href="https://www.instagram.com/p/{param}/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-01-01T19:00:00+00:00">Jan 01, 2017 at 12:00pm PDT</time></p></div></blockquote>
<script async defer src="//www.instagram.com/embed.js"></script>
Example: [instagram]BoW_r_ZBqhD[/instagram]

Use {option}: No
Remove Tag if Empty: Yes (and everything below this option set to Yes also).
Thanks, That works!

OnlyTouch 12-03-2018 01:33 AM
Quote:
Originally Posted by TheBang (Post 2596551)
This is what I've been using, and it works well on vB3 and vB4. It supports video, as well as the caption, and is not a fixed size like the iframe method at the beginning of this thread.
Thanks for the code, it works great!:вверх:

musik 12-29-2018 05:50 PM
Quote:
Originally Posted by TheBang (Post 2596551)
This is what I've been using, and it works well on vB3 and vB4. It supports video, as well as the caption, and is not a fixed size like the iframe method at the beginning of this thread.

Title: Instagram
BB Code Tag Name: instagram

Replacement:
Code:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/{param}/" data-instgrm-version="8" 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:658px; 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:33.33333333333333% 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=" 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;"><a href="https://www.instagram.com/p/{param}/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-01-01T19:00:00+00:00">Jan 01, 2017 at 12:00pm PDT</time></p></div></blockquote>
<script async defer src="//www.instagram.com/embed.js"></script>
Example: [instagram]BoW_r_ZBqhD[/instagram]

Use {option}: No
Remove Tag if Empty: Yes (and everything below this option set to Yes also).

It works really well, except for posts with more than one image/video. If there are several in the same post it says that the item has been removed from Instagram. Is there a way to solve this?

TheBang 01-11-2019 07:33 AM
Quote:
Originally Posted by musik (Post 2597960)
It works really well, except for posts with more than one image/video. If there are several in the same post it says that the item has been removed from Instagram. Is there a way to solve this?
Sorry, I have not experienced that problem. I just tested several posts with multiple images and multiple videos and they all worked properly embedded. It's probably due to some custom modification on your forum that conflicts.

musik 01-13-2019 05:16 PM
Quote:
Originally Posted by TheBang (Post 2598052)
Sorry, I have not experienced that problem. I just tested several posts with multiple images and multiple videos and they all worked properly embedded. It's probably due to some custom modification on your forum that conflicts.
Damn. That's too bad. Thanks for replying though :).

04wayne 02-03-2019 07:41 AM
1 Attachment(s)
Quote:
Originally Posted by TheBang (Post 2596551)
This is what I've been using, and it works well on vB3 and vB4. It supports video, as well as the caption, and is not a fixed size like the iframe method at the beginning of this thread.

Title: Instagram
BB Code Tag Name: instagram

Replacement:
Code:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/{param}/" data-instgrm-version="8" 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:658px; 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:33.33333333333333% 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=" 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;"><a href="https://www.instagram.com/p/{param}/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-01-01T19:00:00+00:00">Jan 01, 2017 at 12:00pm PDT</time></p></div></blockquote>
<script async defer src="//www.instagram.com/embed.js"></script>
Example: [instagram]BoW_r_ZBqhD[/instagram]

Use {option}: No
Remove Tag if Empty: Yes (and everything below this option set to Yes also).
This worked fantastically well up until yesterday on my site - then stopped working and started getting this (see attached).

I don't suppose anyone might know why?

musik 02-04-2019 03:58 PM
Could it be because the shared image is from a private account or has the photo been deleted? Because it hasn't stopped working where I'm using it.

04wayne 02-04-2019 09:32 PM
Uninstalled, and then reinstalled as a new mod, working fine now!

04wayne 07-19-2019 04:35 PM
The code has stopped working for me, anyone else have an Instagram code that works for embedding posts?

Mandushi 07-23-2019 07:24 PM
This works fine with 3.8.11

Thank you

04wayne 08-02-2019 05:14 PM
Anyone have a working BB Code for Instagram on 4.2?

04wayne 08-21-2019 04:21 PM
Anyone?

Dave 08-21-2019 04:32 PM
Not sure if it works but you can try
Code:
<iframe src="//instagram.com/{param}/embed/captioned/" width="612" height="710" frameborder="0" scrolling="no"></iframe>

RichieBoy67 10-16-2020 10:52 PM
Yeah, this doesn't work anymore.

concepts 12-21-2020 07:16 AM
Quote:
Originally Posted by RichieBoy67 (Post 2604264)
Yeah, this doesn't work anymore.


LIES!!! lol, on 4.2.5 and it's BEAUTIFUL. Just installed.


All times are GMT. The time now is 01:29 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01197 seconds
  • Memory Usage 1,808KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (6)bbcode_code_printable
  • (9)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (26)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete