*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.
Post Reply
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

*SOLVED* Trying to add twitter Timeline

Post by etcbbu »

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.
https://ktravisj.com

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

https://ktravisj.com
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

Post by Pablo »

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: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

Post by etcbbu »

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?
https://ktravisj.com

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

https://ktravisj.com
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

Post by Pablo »

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: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

Post by etcbbu »

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.
https://ktravisj.com

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

https://ktravisj.com
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

Post by Pablo »

Please try on an empty page.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

Post by etcbbu »

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.
https://ktravisj.com

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

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

Post by etcbbu »

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..?
https://ktravisj.com

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

https://ktravisj.com
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

Post by Pablo »

Yes, it works now!
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

Post by etcbbu »

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
https://ktravisj.com

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

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: *SOLVED* Trying to add twitter Timeline

Post by etcbbu »

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> 
https://ktravisj.com

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

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Trying to add twitter Timeline

Post by BaconFries »

This is what I see using Firefox mobile
Image
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

Post by etcbbu »

Thank you for posting, BaconFries.

Unfortunately, that is what I am seeing from regular FireFox Desktop, too.
https://ktravisj.com

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

https://ktravisj.com
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

Post by Pablo »

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: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Trying to add twitter Timeline

Post by crispy68 »

I see it working on FF on both desktop and my mobile.
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Trying to add twitter Timeline

Post by Pablo »

It works for me now also.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Trying to add twitter Timeline

Post by BaconFries »

As crispy and Pablo it is working here.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Trying to add twitter Timeline

Post by etcbbu »

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

:lol:

:D :D :D WYSIWYG Web Builder is the best~ :D :D :D

--etcbbu
https://ktravisj.com

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

https://ktravisj.com
Post Reply