*SOLVED* Trying to add twitter Timeline

This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.

Note that these questions will generally not be answered by the administrators of this forum.
User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

*SOLVED* Trying to add twitter Timeline

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..?
Last edited by etcbbu on Fri Sep 28, 2018 6:38 pm, edited 3 times in total.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
Pablo
 
Posts: 14523
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

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.

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

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?
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
Pablo
 
Posts: 14523
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

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

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

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.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
Pablo
 
Posts: 14523
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

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

Please try on an empty page.

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

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.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

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..?
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
Pablo
 
Posts: 14523
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

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

Yes, it works now!

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

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.

:D :D :D WYSIWYG Web Builder ROCKS! :D :D :D

--etcbbu
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: *SOLVED* Trying to add twitter Timeline

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> 
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Trying to add twitter Timeline

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

This is what I see using Firefox mobile
Image

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

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.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

User avatar
Pablo
 
Posts: 14523
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

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.

User avatar
crispy68
 
 
Posts: 425
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Trying to add twitter Timeline

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

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

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests