Automatic update for Google presentations

  • 1
  • Question
  • Updated 3 years ago
  • Answered
  • (Edited)
I've looked through the forums and done everything I can find, with no solution actually working for me. I also noted that there hasn't been a thread in a year or two, so perhaps the ones I saw were out of date

The setting: embed a Google slideshow as a widget on a display, to show daily announcements for a school. The problem: the cached version plays continuously unless you republish the presentation on Rise Vision's end. The goal: create an automatically refreshing widget, that stays up to date...maybe every half hour or so

Attempt 1: adding the following to an HTML widget
<meta http-equiv="refresh" content="30">
Problem: never refreshed

Attempt 2: adding the following Javascript (maybe with this and #1 I'm putting it in the wrong place in the code?)
<script> function refresh() {
document.getElementById("iframeID").src = "http://mydomain.com";
}
setInterval(refresh, 5000);
</script>


Attempt 3: a chat support person (Blake?) suggested I use the Web Page Widget instead, but no matter what URL I attempt, the placeholder stays blank

This is the slideshow I'm trying to embed. As you can tell, it's properly published, visible on the web, set to auto-start and to loop

Every forum post I find is a rehash of one of these three steps, yet none of them work for me. Is there something I'm missing?

Thanks!
Photo of Alex Wyatt

Alex Wyatt

  • 120 Points 100 badge 2x thumb

Posted 3 years ago

  • 1
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi Alex,
Is the issue only appearing on the Display or on preview also?
Thanks!
Photo of Alex Wyatt

Alex Wyatt

  • 120 Points 100 badge 2x thumb
It's consistent, both the preview and the display fail to update for #1-2, and don't show anything at all in #3
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Alex,
For #2 there is another method to refresh. It's setting the Google Docs embed link in an <iframe> and then following that creating another script to refresh that iframe. Maybe try below:


<iframe id='iframeid' src="https://docs.google.com/presentation/d/GOOGLE_NUMCHARS_HERE/embed?start=true&loop=true&delayms=10000"; frameborder="0" width="WIDTH_HERE" height="HEIGHT_HERE" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>


<script>
setInterval('reload()', RELOAD_INTERVAL_HERE);
function reload() {
document.getElementById('iframeid').src += '';
reload();
}
</script>


I've also noted in the Displays page that you are on a Chromebit. We haven't tested out our content items on Chromebit also. You may want to look into topics about Chromebits here or in the hardware discussion thread.
(Edited)
Photo of Alex Wyatt

Alex Wyatt

  • 120 Points 100 badge 2x thumb
That's awfully close to the #2 I gave (though it seems like a better version maybe?)...yet it didn't work, sorry!

Would the <html></html> tags be necessary for that? If so, would they encompass the whole thing, or just the iframe?
(Edited)
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Alex,
The issue seems to be related to the URL - can you change pub to embed? Once I've changed it to embed (see https://docs.google.com/presentation/...) I am able to preview the Web Page widget.
(Edited)
Photo of Alex Wyatt

Alex Wyatt

  • 120 Points 100 badge 2x thumb
That works, yay!

However, it brings up a few more questions:
1) Most importantly, how did you decide what to add to get the "embed" you mentioned? Can I just take what you added to the what I already had and make it work for anything? It didn't seem to be anywhere in the "Publish to web" section that I could see
2) Can I define the frame size within that URL you gave, so that I can then shrink the Web Widget by a few pixels to remove the bottom bar?
3) Are there any other customizations that can be made with that URL, in case I need them in the future? Perhaps a better version of the question is "Where can I find more info about such customizations?"

Thanks!!!
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi Alex,

1) I am not sure how the other link was obtained, but in this article about setting up Google Slides in your Presentation, it features the embed version of the link.

2) The bottom bar is actually another workaround. You will need to add &rm=minimal&slide=id.p at the end of that link. I've just made a comment in that other thread from 1). Also I've seen examples where users will create a 'picture frame' type of presentation where they have an image with a transparent centre and then add the Google Slides presentation below it.

3) I don't know any other customizations for this other than the one I mentioned above for 2). But if anyone else has any other ideas, feel free to pitch in.

Thanks
Photo of Alex Wyatt

Alex Wyatt

  • 120 Points 100 badge 2x thumb
Great, I'll take a look. Thanks again!
Photo of Alex Wyatt

Alex Wyatt

  • 120 Points 100 badge 2x thumb
Ok, now for something completely different! It's related to slides, so I've left it here, but if you think I should make a new thread, let me know

Is there a way to make the background of the slide transparent, so that the text shows on the Rise Vision presentation, but not a big unsightly rectangle? Probably not, but I figured I'd ask just in case!
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi Alex,
Since this is on Google Slides, it'll be restricted to what is available on that platform, so I would say no. If you are looking for a transparent option, maybe try saving it as a png or a gif with transparency.