移动端浏览器点击按钮后引导关注Instagram账号的JS脚本实现

首先明确：出于用户隐私和平台安全限制，无法通过JavaScript自动完成Instagram的关注操作——必须由用户在Instagram应用内手动点击关注按钮。但我们可以通过深度链接引导用户直接跳转到目标账号的IG应用页面，再引导用户返回你的竞赛网页。

核心实现步骤 #

1. 编写跳转逻辑代码 #

利用Instagram的深度链接协议，点击按钮后优先尝试打开Instagram应用的目标账号页面，若用户未安装应用则跳转至网页版：

// 目标账号（替换成你的指定账号）
const targetIgAccount = 'my_account';
// Instagram应用深度链接
const igAppLink = `instagram://user?username=${targetIgAccount}`;
// 网页版备用链接
const igWebLink = `https://www.instagram.com/${targetIgAccount}/`;

// 按钮点击处理函数
function triggerFollowFlow() {
  // 先尝试打开Instagram应用
  window.location.href = igAppLink;
  
  // 设置1秒超时，若应用未唤起则跳转网页版
  setTimeout(() => {
    window.location.href = igWebLink;
  }, 1000);
}

2. 绑定按钮事件 #

在你的HTML按钮上关联上述函数：

<button onclick="triggerFollowFlow()">关注@my_account参与活动</button>

3. 引导用户返回网页 #

Instagram应用不会自动跳转回你的网页，你需要：

• 在跳转前通过弹窗或页面提示告知用户：「关注完成后请返回本页面继续参与」
• 在竞赛页面添加「已完成关注」确认按钮，结合后端逻辑记录用户参与状态（若需验证真实关注状态，需借助Instagram Graph API，属于进阶需求）

关于自动关注的说明 #

你提到的批量关注脚本多为运行在Instagram网页版控制台的违规操作，违反平台服务条款，极易导致账号封禁，且无法在第三方网页中合法调用。第三方应用仅能通过官方Graph API查询用户关注状态，无法触发自动关注操作。

进阶：验证用户关注状态（可选） #

若需确认用户是否真的关注了目标账号，需完成以下流程：

1. 注册Instagram开发者账号，申请user_followed_by权限
2. 集成Instagram OAuth授权，让用户登录你的应用
3. 通过Graph API接口查询用户是否关注了目标账号

该流程需严格遵循Instagram开发者政策，且权限审核门槛较高。

内容的提问来源于stack exchange，提问作者econobro