Forum | Appery.io

I have been trying to embed a twitter timeline to show on a page and need multiple feeds on different pages. Can anyone help me with this please?

Hello Maurice,

Please tell us what exactly have you tried.
Have you seen this doc https://dev.twitter.com/docs/embedded...?

Hi Alena,

I am so happy to have you reply so quickly. I have tried to find a solution to this matter for two days now and there seems to be nothing online to help me. I apologise straight away if I am merely asking a simple question or using the incorrect terms.
So I thought I could use your component - HTML - and using the widget code Twitter generated insert it into the input field. This generated 2 responses - first was to show me the code on the app page in test mode, and the next was to not go further than a turning wheel!
I thought I should probably map this through services, but I can find no documentation on how to do this for twitter properly, so ended up mapping all sorts of variations and failed!
To fully explain what I am trying to do - I want to embed different timelines from different public twitter accounts. These will be showing on different pages of my app. I followed the twitter instructions already outlined in the site you sent earlier. I created the code for the widget and then copy - pasted it.
Ideally, I would like around 5 Twitter posts to show on each page of the app from one of the public twitter feeds per page. If you can please help me I would be very grateful.

Regards

Hello!
In App Settings tick "Render all pages in one HTML file" option.

Hi Maryna,

Thank you for your reply. I have ticked the option, but I just get the twitter feed address in the html box and no tweets. Any ideas? Can you tell me how you would have the tweets show in a page? Many thanks for any other help you can offer me.
Regards

Hi Maurice,

In accordance to the document given above https://dev.twitter.com/docs/embedded...

To add Twitter timeline into your html page you should only add next code:
precode
<a class="twitter-timeline" href="https:&#47;&#47;twitter&#46;com/twitterapi" data-widget-id="243046062967885824">Tweets by @twitterapi</a>/code

code<script>!function(d,s,id){var js,fjs=d&#46;getElementsByTagName(s)[0];if(!d&#46;getElementById(id)){js=d&#46;createElement(s);js&#46;id=id;js&#46;src="&#47;&#47;platform&#46;twitter&#46;com/widgets&#46;js&quotfjs&#46;parentNode&#46;insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>/code
/pre
That's why add HTML component into the page. And click edit HTML. Paste this code in "HTML Source" edit mode. http://prntscr.com/33w68h/direct

data-widget-id="243046062967885824" - is attribute which is indicates twitter what public timeline should be displayed.

243046062967885824 - is identifier of "Tweets by @twitterapi". Therefore after success testing with this id you should change this value by id you need.

Regards.

Hi IIIya,

I have been trying to get to try this out all day. So finally have managed to sit down and try this code. Thank you so much for your help. I'll let you know how I get on in a moment.

Regards

Hi IIIya,

THANK YOU THANK YOU... I am not sure what I was doing, but I tried your code and it worked. Then I went back and tried my widget code I generated on Sunday and it also worked!!! Not sure what happened but thank you so much for your help and to all the team. Very much relieved and happier now.
Regards

Hello,

Does anyone know why I keep getting the following result? I followed the instructions above, but it always produces this result. I can't seem to figure out what I am doing wrong.

Thanks so much!

Hello Matt,

Please check are there any errors in console? This (https://devcenter.appery.io/documenta...) should help.