Embedding Twitter tweets in CP - Calgarypuck Forums - The Unofficial Calgary Flames Fan Community

taco.vidal · 01-24-2018, 03:58 PM

Can you guys allow this to happen? Is there a reason why it hasnt been allowed on CP yet?
Right now youve got users either needing to take screencaps of tweets and posting as images, using quotes and making sloppy posts, or otherwise posting poorly formatted text. Its 2018 gosh darn it.

photon · 01-24-2018, 08:32 PM

The software doesn't support it and I've never found a custom module to do it. Embedding a video is usually pretty easy, but twitter requires one to make a call to their site to request the HTML code to display the tweet.

Which would be fine except that they don't want a website making a request each time; they want sites to cache those requests, which means having to do a bunch of development work.

That said I checked their docs and there seems to be a way to do it now that doesn't require that, I'll check into it.

photon · 01-24-2018, 09:52 PM

Huh, ok, it wasn't that bad with the (new?) client side Javascript library they have.

So you use the tweet bbcode with the ID of a tweet, and some code will run after the page is displayed to turn them into tweets.

The only thing that doesn't work well is if you post a tweet with the quick reply, it doesn't show up right away, only after the page is refreshed. But everyone else will see it right away.

https://twitter.com/user/status/952218108948811776

CMPunk · 01-24-2018, 10:05 PM

Quote:

Originally Posted by photon

huh, ok, it wasn't that bad with the (new?) client side javascript library they have.

So you use the tweet bbcode with the id of a tweet, and some code will run after the page is displayed to turn them into tweets.

The only thing that doesn't work well is if you post a tweet with the quick reply, it doesn't show up right away, only after the page is refreshed. But everyone else will see it right away.

https://twitter.com/user/status/952218108948811776

https://twitter.com/user/status/955821561382146049

CMPunk · 01-24-2018, 10:07 PM

https://twitter.com/user/status/956375009865248768

Seems to work

photon · 01-24-2018, 10:09 PM

Added a hardlink below for mobile or whatever.

taco.vidal · 01-25-2018, 08:16 AM

Test:

https://twitter.com/user/status/956322473955545089

It works!

Sweet. Thanks photon. I think this is something a lot of users will like.

Finger Cookin · 01-25-2018, 09:42 AM

Not working in Chrome Version 64.0.3282.119, even after loading unsafe scripts. It takes the status and turns it into a typical url link.

photon · 01-25-2018, 12:22 PM

Just updated to that version on my Mac and it still seems to work. I'll try on Windows when I get home.

getbak · 01-25-2018, 12:29 PM

It works for me on that version of Chrome on Windows.

DownInFlames · 01-26-2018, 08:00 AM

It works fine on Android, and on iOS using Safari, but not Chrome. Even clicking the link goes nowhere.

Can we get instagram next?

photon · 01-26-2018, 08:27 AM

I find Chrome on iOS to be wonky right now, there's other sites I use that are really buggy that used to work fine, but I'll check into it.

And no to Instagram

jeffporfirio · 01-26-2018, 10:16 AM

https://twitter.com/user/status/956754352126873602

sweetness, thanks Photon...posted using Chrome

Finger Cookin · 01-26-2018, 10:54 AM

Quote:

Originally Posted by getbak

It works for me on that version of Chrome on Windows.

Hmm, I must have something different in my Chrome settings. Good to know it's working for others.

Nammer403 · 01-26-2018, 11:50 AM

https://twitter.com/user/status/956919665535598592

testtttt

photon · 01-26-2018, 01:05 PM

Quote:

Originally Posted by Finger Cookin

Hmm, I must have something different in my Chrome settings. Good to know it's working for others.

By good you mean frustrating, this is why I hate web development lol.

photon · 01-26-2018, 01:06 PM

I also hate how it makes he screen scroll not work (jumps down after they load)

Finger Cookin · 01-26-2018, 08:31 PM

Quote:

Originally Posted by photon

By good you mean frustrating, this is why I hate web development lol.

Oh yeah, stuff like this is the bane of web development. I'm not in web development, so I'm not bent out of shape by this or anything. It's more of a quick "Huh.", and then off I go.

Finger Cookin · 01-28-2018, 02:23 PM

FWIW I tried some basic troubleshooting on my end (javascript settings, third party cookies, disabling extensions and AdBlockers, etc.) and couldn't get them to display. If any other Chrome users feel like sharing the settings they're using when they can see embedded tweets here, that would be great. More for my own curiosity than anything.

photon · 01-28-2018, 05:01 PM

I found a different way of doing it that should be more reliable, not depending on Javascript, so am working on that.