Open External links on the new window on your ghost publication

Open External links on the new window on your ghost publication

Ghost opens every external URL in the same page by default. A lot of you want every external link should open in a new window so that your readers don't distract from your content. & currently, there is no option in ghost to open external links in a new window.

To do that we have prepared a small javascript snippet. With this small javascript snippet, all your external links will open in a new window. to do that follow the steps

  • From Ghost admin go to Setting > Code Injection
  • At the Site Footer section paste the following codes
<script>
  const anchors = document.querySelectorAll('a');

  for (x = 0, l = anchors.length; x < l; x++) {
    const regex = new RegExp('/' + window.location.host + '/');
    
    if (!regex.test(anchors[x].href)) {
      anchors[x].setAttribute('target', '_blank');
      anchors[x].setAttribute('rel', 'noopener');
    }
  }
</script>
  • Hit the save button at the top right corner

Once the page is saved, all your external links will be open in a new window.

I hope you find this helpful.

Premium Ghost Themes

Start a blog, newsletter, or a paid membership publication easily with our ready to go premium ghost themes

Browse the themes
You've successfully subscribed to Visioun Updates.
Great! Next, complete checkout for full access to Visioun Updates.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.
Success! Your billing info is updated.
Billing info update failed.