2 Replies Latest reply on Sep 8, 2013 5:02 PM by Blake Wiggs

    Interactivity not working in viz embedded on blogger.com

    Blake Wiggs

      I'm trying to embed a Tableau Public visualization in a blog on Google's blogger.com platform, which is apparently compatible with Tableau Public's javascript.  I've copied the embed code for my visualization from Tableau Public and pasted it into the html code of my blogger.com page.  It looks great in the preview, but none of the interactivity works.  Should the interactivity work in preview mode, or do I need to "publish" it first?  I'd rather not publish anything until after I've verified it's working correctly.


      I've looked through this forum and seen hints at two possible solutions: (1) enable javascript in your Internet Security settings, and (2) wrap the javascript code in an iFrame.  I do not think that (1) is an issue in my case.  I'm not sure about (2) but I don't understand advanced html coding in any case.


      I thought the embedding procedure would be pretty simple, but I guess it's not.  My first attempt was via Google Sites, but that didn't work, apparently because Google Sites prohibits javascript or at least some portions thereof.  I then tried wordpress, but that didn't work for the same reason--apparently wordpress will work if you host your own wordpress, site but I'm not doing that.  And so now I'm trying blogger.com


      Best, Blake

        • 1. Re: Interactivity not working in viz embedded on blogger.com
          Russell Christopher

          Heya, Blake -


          Blogger works fine for me:


          Test Tableau Embedding


          Here is the HTML behind "my" page. Perhaps you can compare yours to mine and find the difference (above and beyond the name of the viz being rendered and the static images...).


          <script src="http://public.tableausoftware.com/javascripts/api/viz_v1.js" type="text/javascript"></script><br />

          <div class="tableauPlaceholder" style="height: 1269px; width: 554px;">

          <noscript><a href="#"><img alt=" " src="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;2Z&#47;2ZWPT5ND5&#47;1_rss.png" style="height: 100%; width: 100%; border: none" /></a></noscript><object class="tableauViz" height="1269" style="display: none;" width="554"><param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" /><param name="name" value="NYCHeathv2_3_Public&#47;HealthOverview" /><param name="tabs" value="yes" /><param name="toolbar" value="yes" /><param name="static_image" value="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;2Z&#47;2ZWPT5ND5&#47;1.png" /><param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /></object></div>

          <div style="color: black; font: normal 8pt verdana,helvetica,arial,sans-serif; height: 22px; padding: 0px 10px 0px 0px; width: 554px;">

          <div style="float: right; padding-right: 8px;">

          <a href="http://www.tableausoftware.com/public?ref=http://public.tableausoftware.com/views/NYCHeathv2_3_Public/HealthOverview" target="_blank">Powered by Tableau</a></div>



          Each one of these blogging sites has their own requirements and limitations - generally you'll need to do a bit of research on your own (like you've been trying to do). There are so many of them these days, we don't attempt to document what each can do


          Good luck!

          1 of 1 people found this helpful
          • 2. Re: Interactivity not working in viz embedded on blogger.com
            Blake Wiggs

            Thanks Russell.  The problem was “me”.  As far as I can tell, interactivity doesn’t works in preview mode—you need to publish.




            It seems to be working fine now.  Thanks for getting back to me so quickly.




            Best, Blake

            1 of 1 people found this helpful