*SOLVED* Trying to add twitter Timeline

etcbbu · Post by **etcbbu** » Wed Sep 19, 2018 10:51 pm

So, I've followed our "Help" topic within WB and successfully gotten a twitter Developer account, tokens and all that jazz; and was able to successfully install a News Feed Ticker on this page of the website, that pulls from a certain desired twitter account:

https://www.talsichristianschool.org/studentlife.php

(you'll see it continuous-scrolling on that page)

But I'd actually like to have a feed that more closely resembles twitter feeds with twitter's design and everything are embedded into a page. So, I've logged in and tried to get the HTML snippet from my twitter developer account, and this screenshot shows how I am trying to load it into my .WBS file:

https://www.talsichristianschool.org/twitterscrn1.png

But it doesn't end up looking right, I'm trying to put it on this page:

https://talsichristianschool.org/page1.php

And as you'll notice, there's just a little link, there, that says, "Follow @TKSkola", (and @TKSkola *is* the correct feed from which I would like to pull posts) rather than actually showing the live tweets. How do I interface the code twitter's telling me is correct with . WBS project? Is there another thing I need to have as a snippet as a "CSS in media query" or something..?

Post by **Pablo** » Thu Sep 20, 2018 7:03 am

I do not think this is directly related to WWB. The code will be inserted "AS IS".
Unfortunately, I cannot help you with third party code because this generally also takes a lot of time for me to figure out how to use it.

etcbbu · Post by **etcbbu** » Fri Sep 21, 2018 5:56 pm

Just wanting to see if anyone has any advice on not only incorporating a twitter Timeline live feed from a twitter account into a WWB project, but I'm also wanting insight from anyone who has been able to incorporate live feeds of these two social media platforms:

- facebook
- Instagram

into a WWB project. I have a client who want to pull in their feeds of their social media accounts into their site we're going to be doing from a site I'm going be doing for them in WWB. Does anyone have any experience in incorporating live feeds of an account on these 3 social media accounts into a WWB project?

Post by **Pablo** » Fri Sep 21, 2018 6:02 pm

Basically, it is just a matter of copying the correct code inside an HTML object.

Tip: if something does not work the try to isolate the problem by creating a new page, so you can be sure there are no conflict with other code. Also disable all HTML formatting options.

Related tutorial:
http://wysiwygwebbuilder.com/add_html.html

etcbbu · Post by **etcbbu** » Fri Sep 21, 2018 6:07 pm

But like I was mentioning, the timeline HTML snippet I'm trying for the twitter timeline is not working. And the only other custom HTML ode on that page is only the Google Analytics code I put in the "between <head> tags" on that same page. That's the only other instance of custom HTML code.

Post by **Pablo** » Fri Sep 21, 2018 6:15 pm

Please try on an empty page.

etcbbu · Post by **etcbbu** » Tue Sep 25, 2018 12:50 am

mm..here's this:

https://talsichristianschool.org/page99.php

I'm starting to think maybe I'm grabbing the wrong HTML code snippet for a TIMELINE altogether.

In which case I'd really invite any of my other WB users who have successfully pulled in a twitter Timeline and embedded it onto their WYSIWYG Web Builder site, because this is making me feel like I am getting the wrong snippet from my twitter Developer Account.

etcbbu · Post by **etcbbu** » Tue Sep 25, 2018 1:19 am

Ok, looking for input:

I *think* I got it working. Can you please try visiting the website from both of these starting points:

https://www.talsichristianschool.org

https://talsichristianschool.org

Click or tap the "Student Life" link, and tell me if the twitter timeline loads..?

Post by **Pablo** » Tue Sep 25, 2018 5:59 am

Yes, it works now!

etcbbu · Post by **etcbbu** » Tue Sep 25, 2018 5:23 pm

Leave it to me to over-complicate things. Turns out I don't even think you need a Developer Account or token or whatever, to do this--that's just to get a feed.

I ended up using what I found here, to do it:

https://help.twitter.com/en/using-twitt ... itter-feed

Just posting this to help anyone else in case anyone else had any issues figuring out how to embed a twitter Timeline into a WYSIWYG Web Builder project.

WYSIWYG Web Builder ROCKS!

--etcbbu

etcbbu · Post by **etcbbu** » Thu Sep 27, 2018 8:15 pm

Not sure if this is actually solved yet.

Could someone take a look on FireFox and tell me if the timeline is showing in *that* browser?

https://talsichristianschool.org/studentlife.php

And if it is not, could someone make any recommendations as to why literally every other browser seems to be displaying this well except for FireFox, and what I could do that could help it show in FireFox? Here's the code:

Code: Select all

<a class="twitter-timeline" data-width="258" data-height="485" data-theme="light" data-link-color="#E81C4F" href="https://twitter.com/TKSkola?ref_src=twsrc%5Etfw">Tweets by TKSkola</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

BaconFries · Post by **BaconFries** » Thu Sep 27, 2018 8:24 pm

This is what I see using Firefox mobile

etcbbu · Post by **etcbbu** » Thu Sep 27, 2018 8:31 pm

Thank you for posting, BaconFries.

Unfortunately, that is what I am seeing from regular FireFox Desktop, too.

Post by **Pablo** » Thu Sep 27, 2018 8:34 pm

If did work previously, so if you did not change anything then it may be related to the expiration of the API key.
I do not think this has anything to do with WWB.

crispy68 · Post by **crispy68** » Fri Sep 28, 2018 1:15 am

I see it working on FF on both desktop and my mobile.

Post by **Pablo** » Fri Sep 28, 2018 6:00 am

It works for me now also.

BaconFries · Post by **BaconFries** » Fri Sep 28, 2018 11:58 am

As crispy and Pablo it is working here.

etcbbu · Post by **etcbbu** » Fri Sep 28, 2018 6:38 pm

Y'all are great for checking and letting me know, thanks.

.. let's add this to the list..

Things that are going to send me to an early-grave:

1) cross-browser functionality

WYSIWYG Web Builder is the best~

--etcbbu

www.wysiwygwebbuilder.com

SOLVED Trying to add twitter Timeline

SOLVED Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: SOLVED Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline

Re: Trying to add twitter Timeline