Instagram insluiting

[Verwijderd]

Zoals de titel al zegt op het fora ^^

[CyBeR]

Fora is meervoud. Also bedoel je embed?

[Migrator]

Als losse tag, als [img] of [video]? En waarom alleen instagram?

[ Voor 5% gewijzigd door Migrator op 14-03-2018 11:22 . Reden: ik ken mijn tags niet ]

[Luca]

Migrator schreef op woensdag 14 maart 2018 @ 11:14:
Als losse tag, als [photo] of [video]? En waarom alleen instagram?

True, Twitter bijvoorbeeld zou ook wel tof zijn.

[Femme]

We gebruiken al OEmbed om embeds van verschillende videodiensten mogelijk te maken. Wellicht kunnen we via die weg ook eenvoudig Twitter en Instagram ondersteunen, aangezien de api van OEmbed hier al support voor heeft. Ik ga er een ticket voor maken.

[Verwijderd]

code:

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BgO0jgoHh2k/" 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:42.407407407407405% 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/BgO0jgoHh2k/" 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">&#128076;&#128514;</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;">A post shared by <a href="https://www.instagram.com/vanderlindemedia/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> Jvanderlinde</a> (@vanderlindemedia) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-03-12T17:29:27+00:00">Mar 12, 2018 at 10:29am PDT</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

Hier ff een voorbeeld van hoe insluiten van instagram (desktop) werkt.

Enige wat je nu kunt doen is de hotlink a

code:

https://www.instagram.com/p/BgO0jgoHh2k/

gebruiken op het forum.

[_David_]

Verwijderd schreef op woensdag 14 maart 2018 @ 14:11:

code:

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BgO0jgoHh2k/" 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:42.407407407407405% 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/BgO0jgoHh2k/" 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">&#128076;&#128514;</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;">A post shared by <a href="https://www.instagram.com/vanderlindemedia/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> Jvanderlinde</a> (@vanderlindemedia) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-03-12T17:29:27+00:00">Mar 12, 2018 at 10:29am PDT</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

Hier ff een voorbeeld van hoe insluiten van instagram (desktop) werkt.

Enige wat je nu kunt doen is de hotlink a

code:

https://www.instagram.com/p/BgO0jgoHh2k/

gebruiken op het forum.

Met dat embedden van Instagram include je dus een JavaScript file van Instagram, waar allemaal tracking en weet ik veel wat mee uitgevoerd kan worden.

Als embedden vanuit social media beschikbaar wordt, dan wel graag zonder de JavaScript troep. (Of een optie om die embeds niet in te laden)

[crisp]

_David_ schreef op woensdag 14 maart 2018 @ 22:02:
[...]

Met dat emdedden van Instagram include je dus een JavaScript file van Instagram, waar allemaal tracking en weet ik veel wat mee uitgevoerd kan worden.

Als embedden vanuit social media beschikbaar wordt, dan wel graag zonder de JavaScript troep. (Of een optie om die embeds niet in te laden)

Datzelfde heb ik intern ook ter overweging meegegeven. Ik ben persoonlijk ook tegen het inline includen van externe javascripts vanuit security, privacy en performanceoogpunt. M.i. zouden we dus op basis van de gegevens vanuit oEmbed een eigen presentatie moeten maken. Dat geldt ook voor tweets.

[Verwijderd]

crisp schreef op woensdag 14 maart 2018 @ 22:37:
[...]

Datzelfde heb ik intern ook ter overweging meegegeven. Ik ben persoonlijk ook tegen het inline includen van externe javascripts vanuit security, privacy en performanceoogpunt. M.i. zouden we dus op basis van de gegevens vanuit oEmbed een eigen presentatie moeten maken. Dat geldt ook voor tweets.

Dat kan toch ook?

Je kunt de JS file lokaal opslaan (op *.tweakers.net) en desnoods debuggen naar wens. Die geforkte versie gebruik je als include in het te includen insta bericht.

Case solved