9 Replies Latest reply on Jan 27, 2012 1:58 PM by guest contributor

    fun with wordpress

      In my blog oftentimes tableau public embeds would not show. That first happened during Tableau Public Beta, so I thought it could be a temporary problem. But it would still happen now and again and I thought I had done something wrong on my side. I only recently found out what happened and thought I'd share as I guess some people will have the same problem.

       

      In wordpress, if you want to embed a viz, you'd do that in HTML mode.

      when you're trying to share a viz, it would give you an HTML snippet like this:

       

       

      
       <script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><object class="tableauViz" width="804" height="920" style="display:none;"><param name="name" value="contest2/Sheet2" /><param name="toolbar" value="yes" /></object><noscript>Sheet 2 <br /><a href="#"><img alt="Sheet 2 " src="http://public.tableausoftware.com/static/images/contest2-Sheet2_rss.png" height="100%" /></a></noscript><div style="width:804px;height:22px;padding:0px 10px 0px 0px; margin-top: -6px; color:black;font:normal 8pt verdana,helvetica,arial,sans-serif;"><div style="padding-left: 688px;"><a href="http://www.tableausoftware.com/public?ref=http://public.tableausoftware.com/views/contest2/Sheet2" target="_blank">Powered by Tableau</a></div></div>
      
      

       

       

       

       

      and if you publish your post as is, your viz will look fine.

       

      However, if you switch back to visual mode, wordpress will interpret what you just pasted and mess with it!

      it will turn it into something like that -

       

       

      
       <script src="http://public.tableausoftware.com/javascripts/api/viz_v1.js" type="text/javascript"></script><object style="display:none;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="804" height="920" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="contest2/Sheet2" /><param name="toolbar" value="yes" /><embed style="display:none;" type="application/x-shockwave-flash" width="804" height="920" toolbar="yes" name="contest2/Sheet2"></embed></object></p><noscript>Sheet 2 <br /><a href="#"><img src="http://public.tableausoftware.com/static/images/contest2-Sheet2_rss.png" alt="Sheet 2 " height="100%" /></a></noscript><p> </p> <div style="width: 804px; height: 22px; padding: 0px 10px 0px 0px; margin-top: -6px; color: black; font: normal 8pt verdana,helvetica,arial,sans-serif;"><div style="padding-left: 688px;"><a href="http://www.tableausoftware.com/public?ref=http://public.tableausoftware.com/views/contest2/Sheet2" target="_blank">Powered by Tableau</a></div></div>
      
      

       

       

       

       

      and I don't know if it's the classid attribute in the object or the new embed tag, but that just won't display.

      So if you're using a wordpress blog, and if you have to edit your post before you publish it, check if it hasn't been messed up by wordpress.