Twitter feed shows in preview but not on Displays

Asked by Mike

Hi,

I have added a twitter feed to my template. When I preview the template it shows the feed fine. When the template is run on the displays it does not show. All that shows is the base html twitter link. It is almost as though the player is ignoring the script. Is anyone able to help me out?

Thanks,

Mike

Question information

Language:
English Edit question
Status:
Answered
For:
Xibo Edit question
Assignee:
No assignee Edit question
Last query:
Last reply:
Revision history for this message
Alex Harrington (alexharrington) said :
#1

Is this something you've created yourself or is it the new 1.7 Twitter
module?

Revision history for this message
Mike (kennardmj) said :
#2

Hi,

Just used the 'Embedded ' option and pasted the twitter widget code directly. Using 1.6.3.

Mike

Revision history for this message
Alex Harrington (alexharrington) said :
#3

Did you separate out the script and HTML and put it in the appropriate
sections - and ensure that any onload script is put in the callback
provided for that purpose?

Revision history for this message
Mike (kennardmj) said :
#4

Hi,

Thanks for the answer. I have tried both separating the script from the html and keeping them together.

When you preview the template it works fine. The whole feed from twitter is displayed. When the screen runs it just displays the html link to twitter. I have a number of displays but am testing on the same machine.

Mike

Revision history for this message
Alex Harrington (alexharrington) said :
#5

And you adapted any onload code to use the Xibo specific hook?

Revision history for this message
Mike (kennardmj) said :
#6

I cannot see any onload code. The code copied direct from Twitter is:

<a class="twitter-timeline" href="https://twitter.com/***************" data-widget-id="****************">Tweets by @***************</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Revision history for this message
Dan Garner (dangarner) said :
#7

Im not sure exactly how that script is being initialised, but i would be tempted to change it to a named function and then call that function in EmbedInit()

i.e.

<script type="text/javascript">
function EmbedInit()
{
    // Init will be called when this page is loaded in the client.
    twitterInit(document,"script","twitter-wjs");
    return;
}

var twitterInit = function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
            p = /^http:/.test(d.location) ? 'http' : 'https';
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = p + "://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
        }
    }
</script>

Revision history for this message
Valli Ostrowski (ostrow) said :
#8

I wish I could help with this problem but we are having exactly the same issue. We are running 4 different Twitter feeds on one html page that we put into the layout as a webpage. This has worked on the XIBO version 1.2 for a couple of years although intermittently it would stop working but would start working again if I just restarted the XIBO client. Since the new year, it has stopped working completely just showing the Twitter link. So we upgraded to the newest version of XIBO. It did not fix the problem at all. I've tried embedding the code as you suggested, but it didn't help. It still only showed up in the preview, but not on the TVs. I'm anxiously awaiting your possible solutions to this problem.

Revision history for this message
Williams Torrealba (willitas) said :
#9

Greetings dear, I'm having the same problem with Twitter only shows the title of the user account, do not understand something that worked very well I stop without any explanation.
Does anyone have any idea how to solve the problem?
Williams Torrealba

Revision history for this message
RPSITSupport (ictsupport) said :
#10

Hi there,

Same problem here, Windows based server and client (was the latest version in September). Have had the Twitter feeds working in the first week of Jan this year (2015) but all of a sudden they have just stopped and only display the "Tweets from @ghjgjhfjghjfh" message.

I have copied and pasted the twitter feed info into a raw html page and it loads fine on my machine but not on the digital signage machine. However, weirdly it also does not display on the Xibo client I have installed on my PC, so there is a definite issue somewhere. Has anyone got an answer to this? The easy(er) ability to show twitter was one of the reasons we moved to Xibo and for it to suddenly stop is more than a bit annoying. (Not blaming the Xibo team here, I'm sure its going to turn out to be something that Twitter have done AGAIN)

Nick

Revision history for this message
Cédric Bellegarde (gnumdk) said :
#11

Same here, works with IE when loading the temp file in C:\Users\user\AppData\Local\Temp but not in xibo client... White page with only: "Tweets from @dsqzaghjfh" message."

Revision history for this message
Valli Ostrowski (ostrow) said :
#12

I just found this post on a Twitter feed: https://twittercommunity.com/t/upcoming-changes-to-the-lists-api/28683
It looks like the problem may be with Twitter and not Xibo. It says that the first round of changes to the list API will be occurring the first week of January which seems to coincide with what we are all experiencing. Maybe we should do a bit of digging into the Twitter changes and we can find a way to get it working on Xibo again. If I find out anything more I will post it here.

Revision history for this message
Dan Garner (dangarner) said :
#13

We've tested this here and can confirm there is an issue with it - it keeps like Twitter is a constantly moving target!

This problem appears to be something to do with the way the feed is embedded - essentially in a local HTML page that is then opened using the .NET WebBrowser control.

We are still looking at this in more detail.

1.7 does have direct Twitter integration via their API, which will hopefully get this sorted once and for all (wishful thinking).

Revision history for this message
Dan Garner (dangarner) said :
#14

After some more experimentation I believe I have a solution. It appears that the twitter widget now serves HTML that is not compliant with IE7 - IE7 is the default render mode for the .NET Web Browser control.

You can change it by following the instructions in this FAQ: https://answers.launchpad.net/xibo/+faq/2246

I set mine (in the Wow6432 hive, because I have a 64bit PC) to 9999 and the twitter widget started displaying again.

Revision history for this message
Valli Ostrowski (ostrow) said :
#15

Thanks for this Dan. I've passed it to our IT people and hopefully it will work for us too. I'll let you know.

Revision history for this message
Valli Ostrowski (ostrow) said :
#16

Hi Dan,
The IT people updated one of our TVs and it's still not working. I am currently using the Twitter code with 4 different feeds in a table that is in a webpage that I add to the layout as a webpage. I have also tried embedding it and it's the same result...it shows in preview but not on the TV. So I'm wondering if there is a problem with how I'm doing it if it's working for you and not for me. Here is the code for the webpage that I am adding to the layout:

<table width="100%"><tr valign="top" cellspacing="5" cellpadding="0">

<td width="25%"><a class="twitter-timeline" href="https://twitter.com/search?q=%23GoMacGo" data-widget-id="390183218592223232" data-chrome="nofooter noborders noheader noscrollbar transparent" data-tweet-limit="1" data-dnt="true" width="300px" height="165px" data-link-color="#388be1">Tweets about "#GoMacGo"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</td>

<td width="25%"><a class="twitter-timeline" href="https://twitter.com/search?q=%40DeGrooteBiz" data-widget-id="352143597220556800" data-chrome="nofooter noborders noheader noscrollbar transparent" data-tweet-limit="1" data-dnt="true" width="300px" height="165px" data-link-color="#388be1">Tweets about "@DeGrooteBiz"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</td>

<td width="25%"><a class="twitter-timeline" href="https://twitter.com/search?q=%40mcmasterU" data-widget-id="390177248080195585" data-chrome="nofooter noborders noheader noscrollbar transparent" data-tweet-limit="1" data-dnt="true" width="300px" height="165px" data-link-color="#388be1">Tweets about "@mcmasterU"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</td>

<td width="25%"><a class="twitter-timeline" href="https://twitter.com/search?q=%23DeGroote" data-widget-id="390178797720313856" data-chrome="nofooter noborders noheader noscrollbar transparent" data-tweet-limit="1" data-dnt="true" width="300px" height="165px" data-link-color="#388be1">Tweets about "#DeGroote"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</td></tr></table>

Revision history for this message
Dan Garner (dangarner) said :
#17

Hi Valli,

I don't think it will be anything you are doing wrong, although I will happily test your code tomorrow to see. I suspect it will be to do with the changes made by I.T.

On all my tests the widgets only started working once I had taken the registry to "IE9", with key 9999.

It might be that your players are running on XP, in which case you are limited to IE8 - which would unfortunately mean the twitter would remain broken (although you could look at upgrading to 1.7 release which has its own dedicated Twitter module - some work would need to be done to get them looking the same though).

Revision history for this message
Valli Ostrowski (ostrow) said :
#18

Hi Dan,
Thanks for taking a look at that. We are running Windows 7 32bit.
This 1.7 release you are talking about...is that a version of Twitter module? I've tried to google Twitter feed 1.7 and I'm getting things for Github. Do you have a link where I could read more about this version 1.7 so I could see if it's something we could try here?

Revision history for this message
Williams Torrealba (willitas) said :
#19

Greetings, I've been using the Xibo 1.6 and corresponding client in Windows, apparently the script used in the Widgget Twitter to show TimeLine has changed shutting down the Internet Explorer browser, showing an error .JS my question is whether the Xibo client for Windows uses the Internet Explorer browser as native? because it seems the fault is by the browser using the Xibo.
I noticed this detail testing the functionality of Xibo in internet explorer because if you open the WEB interface Server not some links, resulted in failures in the use of Xibo work.
Reported this as a bug running Internet Explorer as in other browsers Firefox and Google Chrome works perfectly.

Revision history for this message
Williams Torrealba (willitas) said :
#20

Pueden hacer la prueba del comportamiento de las funciones de XIBO en Internet Explorer, notandose que los scrips de código embebido para twitter no funcionan en el Internet Explorer incluso los codigos de otras paginas que ofrecen el servicio.
Hay muhcas diferencias en Internet Explorer con los otros navegadores (google Chrome y Mozilla Firefox).
Saludos

Revision history for this message
Alex Harrington (alexharrington) said :
#21

Yes it does use Internet Explorer. Twitter changed their script so it
doesn't work anymore and that has been discussed at length already. Have a
look at the appropriate thread for a fix

Revision history for this message
Valli Ostrowski (ostrow) said :
#22

Hi Alex, Do you have a link to the appropriate thread? I searched for Twitter and IE and found a thread that led me back to this one. Thanks!

Revision history for this message
Alex Harrington (alexharrington) said :
#23

This is the appropriate thread. I hadn't realised. The fix is above.

Failing that upgrade to 1.7 series and use the official twitter
integration.

Also note the project has moved to Github so no further support will be
offered on this thread

Revision history for this message
Williams Torrealba (willitas) said :
#24

Valli Ostrowski when available stable version of Xibo 1.7 as several people would be in the disposition to migrate to the new version and versions are changing too fast between them

Regards

Revision history for this message
Alex Harrington (alexharrington) said :
#25

1.7.0 was released a week or so ago and is a stable release

Revision history for this message
Williams Torrealba (willitas) said :
#26

ok'll migrate and test the functionalities
regards

Revision history for this message
Valli Ostrowski (ostrow) said :
#27

Hi Everyone,
We installed the new 1.7 release and I've got Twitter working again! I had to apply for an API code which I was able to find out how at this link: https://twittercommunity.com/t/how-to-get-my-api-key/7033. Then, because I have 4 different feeds displayed horizontally, I created 4 different regions, one for each search term. I used the setting for "override template" so I could adjust the font size and colour. It works great. Thanks Xibo people. I'm happy again.

Revision history for this message
Peter Hughes (phughes-c) said :
#28

Pardon the ignorance here, but i have installed 1.7 and cant see where to add the new official Twitter.

Can you point me in the right direction?

Revision history for this message
Valli Ostrowski (ostrow) said :
#29

Hi Peter,
Once you have your API code, go to "modules" and find 'Twitter'. Click on the arrow to the far right where it says "Edit". You can then add your API key and secret. Then go into your 'layouts' > 'design' section, create a region and then add media of "Twitter". It's the second from the bottom. Add your search terms/s and then tweak the 'appearance'. That's all you really have to do. Let me know if you have any problems still.

Revision history for this message
Peter Hughes (phughes-c) said :
#30

Ah... the module wasn't installed by default.

Thanks.

Revision history for this message
Peter Hughes (phughes-c) said :
#31

Right, finally back on with this project and still cannot display tweets.

Modules > Twitter > Edit

- API Key: entered
- API Secret: entered
- Cache Period: 300
- Image cache: 24

Layout > Design

- Add region
- Double click region and select the twitter module
- Name: entered
- Duration: 60
- Search term: park_high_colne
- Type: Recent
- Distance: 0
- Count: 15
- Tweet text only
- Save
- Save order

Nothing appears on my signage in the twitter region. Nothing what so ever.

Am i doing something wrong?

Thanks,
Pete

Revision history for this message
Alex Harrington (alexharrington) said :
#32

The project no longer uses Launchpad Answers. Please use the new community
site at https://community.xibo.org.uk

Revision history for this message
Peter Hughes (phughes-c) said :
#33

Thanks Alex. :)

Can you help with this problem?

Provide an answer of your own, or ask Mike for more information if necessary.

To post a message you must log in.