10 Replies Latest reply on Jul 2, 2013 9:40 AM by Alo Lohrii

    Twitter API v1 retired = broken embedded twitter timeline. How to fix?

    molly@leftright

      Twitter recently retired their API v1 (July 11th - https://dev.twitter.com/blog/api-v1-is-retired) and now I'm noticing that my embedded twitter timeline is broken.

       

      I was simply using the TWTR.widget code before....(placed as Insert HTML in InDesign CS6)

       

      <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>

      <script>

      new TWTR.Widget({

      version: 2,

      type: 'list',

      rpp: 20,

      interval: 6000,

      width: 300,

      height: 350,

      theme: {

      shell: {

      background: '#F0F0F0',

      color: '#000000'

      },

      tweets: {

      background: '#ffffff',

      color: '#000000',

      links: '#00009C',

      }

      },

      features: {

      scrollbar: true,

      loop: false,

      live: false,

      behavior: 'all'

      }

      }).render().setList('citygrammag', 'citygram').start();

      </script>

       

      Now twitter is directing people to use the embedded timelines. Which is a call to javascript that looks like this...(and again something I'm placing as Insert HTML in InDesign CS6)

      <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/citygrammag/citygram" data-widget-id="345730635207413760">Tweets from @citygrammag/citygram</a>

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

       

       

      This just creates a "tweets from xxx" text in a bubble.

       

      Has anyone found a workaround or alternative solution for embedding twitter timelines in an Adobe DPS magazine page?