新しいタブで外部リンクを開く

テーマにコードを追加し、オンラインストアの外部リンクがブラウザの新しいタブで開くようにします。この方法は、お客様がオンラインストアから離れていかないようにするのに有益です。外部リンクとは、SNSのアイコンに含まれるリンクなど、他のウェブサイトにお客様を誘導するURLです。

テーマのJavaScriptファイルにコードを追加する

外部リンクをブラウザの新しいタブで開くには、テーマのJavaScriptファイルを編集する必要があります。

  1. [アセット] ディレクトリで、次のいずれかをクリックします。

    • theme.js
    • theme.js.liquid
    • custom.js
  2. ファイルの末尾に以下のコードを貼り付けます。

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}
  1. [保存] をクリックします。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す