3 Replies Latest reply on Jun 12, 2017 9:01 AM by srishtib8795206

    Embed Twitter Feed into InDesign for Publish Online?


      Hello all,  I've been trying to find any information I can about how to embed a Twitter timeline feed (using the embed code from Twitter Publish).  I can easily embed a YouTube video or Google Map or Facebook profile, using the respective embed codes from those sites, but haven't figured out how to use the Twitter Publish embed code.


      When I use Object/Insert HTML, it makes a box that includes the text from the code for the link--(The "Tweets by TwitterDev" part in the below embed code sample) but then does not include the widget information at all, and nothing appears when I look at the EPUB Interactive Preview or when I Publish Online and check out the final page. 


      <a class="twitter-timeline" href="https://twitter.com/TwitterDev">Tweets by TwitterDev</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>


      Is there a way to get the Twitter timeline feed code to work, and if so, is there a step-by-step guide for me to follow?


      Thanks very much and have a great day!

        • 1. Re: Embed Twitter Feed into InDesign for Publish Online?
          srishtib8795206 Adobe Employee

          Hi kristinp,



          Open Tweet


          Click the Click the icon located within the Tweet icon located within the Tweet




          From the menu, select Embed Tweet.





          Then It will give you a code , Please copy the highlighted code






          Open InDesign Document,  click Object>Inset HTML






          Paste your code here, click OK





          It will look like this




          Then Publish Online,






          2 people found this helpful
          • 2. Re: Embed Twitter Feed into InDesign for Publish Online?
            kristinp72234325 Level 1

            Hello Srishti,


            Yes, I followed those exact methods last week when trying to get it to work by myself--both with a twitter feed and an individual tweet. I can get the embed code to appear to look like it works normally in EPUB Interactive viewer (see below images. The Twitter timeline feed looks more normal than the single tweet), but when I hit Publish Online, it's not consistent with appearance. Sometimes the pages appear totally blank in Publish Online, and sometimes it's just the hyperlinked materials from those embed codes that appear.


            Screen Shot 2017-06-08 at 1.21.46 PM.png


            Screen Shot 2017-06-08 at 1.26.18 PM.png


            But here's the final "Publish Online" version: https://indd.adobe.com/view/65d13262-df13-4331-aa15-88460620ab1e


            As you can see, pages 3 and 4 where the twitter pages should be hold only the hyperlink to the timeline feed on page 3. I'm stumped as to why it looks like it'll work in EPUB, but not when I fully publish it online. 


            Also, why does the single tweet embed only include the text and hyperlinks and not the full tweet image as well (with the handle and follow button and reply/quote/like buttons)?  Why does it not look like the Preview image of the tweet that is shown in that window where you get the embed code when it's Published Online? 


            Thanks very much for your time and help!

            • 3. Re: Embed Twitter Feed into InDesign for Publish Online?
              srishtib8795206 Adobe Employee

              Hi kristinp,


              This is an expected behavior when you embed tweet it will only pick text and links, as shown in above screenshots.


              Here is the original tweet.




              and this is how it looks on Publish Online.





              However it will be good suggestion which you can mark. Please share you suggestion here Feature Request/Bug Report Form