如何检测页面是否通过单击“在新选项卡中打开链接”打开

Question

我有主页，包含许多观看电影的锚链接。 因为我需要跟踪用户是否从主页打开链接，通过右键单击“打开链接新选项卡”，或者他们直接打开链接（就像他们从某处复制链接然后粘贴到浏览器时一样）。

例如，当查看X页面时，如何通过点击“在新选项卡中打开链接”来知道该页面是否是从主页打开的。

有没有办法通过原始 Javascript 来做到这一点？ 我想避免使用本地存储、会话存储或 cookie。 谢谢

Answer 1

为此，您可以检查 JavaScript 中的 document.referrer 属性

const ifOpenedFromHomePage = () => {
  //NOTE Replace it with your actual home page URL
  const homePageUrl = 'https://yourhomepage.com';
  
  //NOTE Get the referrer
  const referrer = document.referrer;

  //NOTE Check if referrer matches home page URL
  return referrer === homePageUrl;
};

//NOTE Usage
if (ifOpenedFromHomePage()) {
  console.log('opened from home page.');
} else {
  console.log('not opened from home page.');
}
``