Twitter widget not embedding properly - html

I am trying to embed a public twitter profile onto the frontpage of my website and I am having difficulty getting it to work. I went to twitter and created this"
<a class="twitter-timeline" data-theme="dark" data-link-
color="#FAB81E" href="https://twitter.com/danacarlin3?
ref_src=twsrc%5Etfw">Tweets by danacarlin3</a>
<script async src="https://platform.twitter.com/widgets.js"
charset="utf-8"></script>
I tried to add this in to my html but all that shows up is a link to my twitter. All of the tutuorials I have watched have the entire feed sitting there. Am I forgetting to do something? I wanted to add this into an iframe but haven't even got that far because I Can't understand why it isn't showing up.
Dana

Related

Instagram embed post not working on wordpress

When I try to embed an instagram post I get the message unexpected json response.
<script async src="//www.instagram.com/embed.js"></script>
This is the last line of the embed code, and when I remove it it works, but then instead of the picture it display the 'view on instagram' text.
Adding http:// to the link doesn't help.
Wordpress doesn't support unsigned Instagram embeds anymore, due to the changes in Instagram API: https://make.wordpress.org/core/2020/09/22/facebook-and-instagram-embeds-to-be-deprecated-october-24th/
Above thread suggests to use oEmbed Plus plugin to workaround this: https://wordpress.org/plugins/oembed-plus/

How to fix a broken embed link from Reddit

When I copy the embed code from Reddit and paste into my HTML/CSS website, the embed looks to be incomplete as it includes only text without the embedded content.
I copied the exact embed code and pasted into into my website's page, but only text shows up. I've tried on other HTML websites and the same problem happens. Others in this class are having similar problems.
<blockquote class="reddit-card" data-card-created="1556725803">Will this Barca Dutch hyperlink become reality in FUT20? from r/FIFA</blockquote>
<script async src="//embed.redditmedia.com/widgets/platform.js" charset="UTF-8"></script>
Will this Barca Dutch hyperlink become reality in FUT20? from r/FIFA
Presumably, the entire Reddit post with image would embed cleanly on my site like Tweets and YouTube videos do.

Widget HTML editing - Need Links to Open in New Page

I have an HTML code for this ZipRecruiter Widget below. It seems to cause the links to open within the same frame, causing an error message on my website. I need the links to open to a new page altogether. I know the code to open to a new page is target="_blank">, but I can't figure out where to put this piece of code, or if this is possible to do at all with the code provided....
ZipRecruiter Widget code:
Job listings at Affera, Inc.<script type="text/javascript" src="https://www.ziprecruiter.com/jobs-widget/v1/a66da7e4/all?show_posted_days=0"></script>Provided by ZipRecruiter
Place the target="_blank" after the URL.
I have added it in the code below for you, just copy and paste it.
Job listings at Affera, Inc.<script type="text/javascript" src="https://www.ziprecruiter.com/jobs-widget/v1/a66da7e4/all?show_posted_days=0"></script>Provided by ZipRecruiter

Jekyll is generating random characters in my blog post URLs

I'm working on building a site using Jekyll and GitHub Pages. I've gotten it down for the most part, but there's an odd issue I can't seem to figure out.
My blog post pages that are generated by Jekyll have a set of seemingly random characters generated at the end of the URL after the page loads. Here's an example:
http://www.jenniferaldoretta.com/2014/01/12/welcome-to-my-website/
The link works but is changed to http://www.jenniferaldoretta.com/2014/01/12/welcome-to-my-website/#.UtQZa2RDt8U after the page finishes loading.
Is this something that is typical for Jekyll or is there something I'm doing wrong? This issue started only after I integrated my site with Jekyll. I'm wondering if anyone has ideas on what might be causing this.
Thanks!
Looks like you've enabled address bar tracking {"data_track_addressbar":true} which appends those parameters to your URL. They're there so that we can collect analytics when someone copies the URL out of the address bar instead of going through the addthis sharing tool. It shouldn't affect people linking to your site and can provide insight into what content is the most popular on your site.
If they're not wanted or are causing issues, you're free to disable address bark sharing tracking. Just adjust your addthis_config variable in your site like this:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like social-buttons" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet social-buttons"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52ceee943bc45eff"></script>
<!-- AddThis Button END -->
More information about address bar sharing analytics is available here: http://www.addthis.com/help/address-bar-sharing-analytics

Embedding Twitter Timeline - Links to open in a new page

Is it possible to get the embedded timeline to open links in a new page?
This is what I got from twitter to copy and paste into my page and it works great, but I would like it to open links in a new page, not the same page.
<a class="twitter-timeline" href="https://twitter.com/GraftonMedical" data-widget-id="414828595198951424">Tweets by #GraftonMedical</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
If you want to open link in a new page just add to "a" tag:
target="_blank"
...if you meant on that.