网站集成LinkedIn有何优势？

<!-- 1. 加载 LinkedIn SDK -->
<script src="https://platform.linkedin.com/in.js" type="text/javascript">
  lang: zh_CN // 设置语言，zh-CN 或 en_US
</script>
<!-- 2. 在需要放置按钮的地方插入以下代码 -->
<script type="IN/Share" data-url="https://your-website.com/your-page-url" data-counter="top"></script>

参数说明：

• data-url：必需，您希望用户分享的页面 URL。
• data-counter：可选，按钮上显示的分享计数位置。
  • top：在按钮右侧显示计数。
  • right：在按钮下方显示计数。
  • none：不显示计数。

使用 <script> 标签 (更简单)

<script src="https://platform.linkedin.com/in.js" type="text/javascript">
  lang: zh_CN
</script>
<script type="IN/Share" data-url="https://your-website.com/your-page-url"></script>

使用 <iframe> (旧方法)

<iframe src="https://www.linkedin.com/shareArticle?mini=true&url=https://your-website.com/your-page-url&title=您的文章标题&summary=您的文章摘要&source=您的网站名称" width="100%" height="65" frameborder="0" scrolling="no" title="LinkedIn 分享按钮"></iframe>

您可以通过 URL 参数自定义分享内容：

• url：要分享的链接。：分享的标题。
• summary：分享的摘要。
• source：来源网站名称。

集成 LinkedIn 登录

让用户使用 LinkedIn 账号登录，可以显著提高注册转化率，并让您获得用户的基本授权信息（如姓名、邮箱、职位等）。

优点：

• 简化用户注册流程,减少摩擦。
• 获取高质量的用户信息。

实现步骤：

1. 配置应用：

   • 在 LinkedIn 开发者控制台中，确保您的应用已启用 "Sign In with LinkedIn" 功能。
   • 在 "Products" -> "Sign In with LinkedIn" 中，配置您的重定向 URI 和所需的作用域。

2. 后端实现：

   • 生成授权 URL：当用户点击 "使用 LinkedIn 登录" 按钮时，您的后端需要生成一个授权 URL，并将用户重定向到该 URL。
   • 处理回调：用户在 LinkedIn 上授权后，LinkedIn 会将用户重定向回您配置的 Redirect URI，并附带一个 authorization code。
   • 交换 Access Token：您的后端使用 Client ID、Client Secret 和 authorization code 向 LinkedIn 服务器请求 Access Token。
   • 获取用户信息：使用 Access Token 调用 LinkedIn API，获取用户的基本信息。
   • 创建/登录用户：根据获取到的用户信息（通常是 id 或邮箱），在您的数据库中查找或创建用户账户，并生成您自己系统的登录凭证。

3. 前端实现：

   • 创建一个 "使用 LinkedIn 登录" 的按钮，点击后跳转到后端生成的授权 URL。
   • 处理从 Redirect URI 返回的页面。

前端示例代码 (使用官方 SDK)

<!-- 加载 SDK -->
<script src="https://platform.linkedin.com/in.js" type="text/javascript">
  api_key: YOUR_CLIENT_ID // 替换为您的 Client ID
  authorize: true
  onLoad: onLinkedInLoad
</script>
<div id="linkedin-btn"></div>
<script>
  function onLinkedInLoad() {
    IN.UI.Authorize().place("#linkedin-btn").on('success', function() {
      // 用户授权成功，可以获取 Access Token
      IN.API.Raw("/people/~:(id,first-name,last-name,email-address)").result(function(result) {
        console.log("用户信息:", result);
        // 在这里调用您的后端 API，将 code 或 token 发送给服务器
        // 服务器完成后续的登录流程
      });
    }).on('error', function(error) {
      console.error("授权失败:", error);
    });
  }
</script>

注意：出于安全考虑，LinkedIn 已逐步弃用客户端 JavaScript 获取 Access Token 的方式，推荐流程是前端引导用户跳转到授权页，后端处理 code 交换 token。

集成 LinkedIn 页面插件

在您的网站上嵌入一个动态的 LinkedIn 公司页面或个人资料卡片，可以展示您的最新动态、员工信息等，增加信任感。

优点：

• 动态展示内容,保持网站新鲜感。
• 增强品牌专业形象。

实现方式：

1. 获取 LinkedIn 页面/个人资料 ID：

   • 公司页面 ID：访问您的公司页面 URL，如 https://www.linkedin.com/company/your-company-name，URL 中 company/ 后面的部分就是 ID（可能是数字或英文名称）。
   • 个人资料 ID：访问个人资料 URL，如 https://www.linkedin.com/in/your-profile-id，in/ 后面的部分就是 ID。

2. 生成嵌入代码：

   • 访问 LinkedIn 官方嵌入代码生成器。
   • 选择要嵌入的类型（公司页面、个人资料动态、推荐等）。
   • 输入您的 ID 或页面 URL。
   • 自定义尺寸和主题。
   • 复制生成的代码。

示例代码 (嵌入公司页面)

<script src="https://platform.linkedin.com/in.js" type="text/javascript">
  lang: zh_CN
</script>
<script type="IN/CompanyProfile" data-id="1234567" data-related="false" data-size="large"></script>

• data-id：您的公司页面 ID。
• data-related：是否显示相关的人。
• data-size：small, medium, large。

集成 LinkedIn Follow 按钮

让用户可以一键关注您的 LinkedIn 公司页面或个人资料，方便他们获取您的最新动态。

优点：

• 增加您的 LinkedIn 页面粉丝数量。
• 建立直接的粉丝沟通渠道。

实现方式：

与分享按钮类似,使用官方 SDK。

<!-- 加载 SDK -->
<script src="https://platform.linkedin.com/in.js" type="text/javascript">
  lang: zh_CN
</script>
<!-- Follow 按钮 -->
<script type="IN/Follow" data-id="1234567" data-counter="top"></script>

• data-id：您的公司页面 ID 或个人资料 ID。
• data-counter：同分享按钮，控制计数器显示位置。

集成 LinkedIn Tag Manager (用于广告跟踪)

如果您在 LinkedIn 上投放广告，集成 Tag Manager (类似 Google Analytics) 是必不可少的，它可以帮助您跟踪用户在您网站上的行为，访问了哪些页面、是否完成了购买等，这些数据可以用于优化广告投放和衡量广告效果。

优点：

• 精准衡量广告 ROI。
• 创建受众群体,用于再营销。

实现步骤：

1. 在 LinkedIn Campaign Manager 中创建 Insight Tag：

   • 登录 LinkedIn Campaign Manager。
   • 进入 "Account Assets" -> "Insight Tags"。
   • 创建一个新的 Insight Tag，您将获得一个 Tag ID。

2. 在网站上安装代码：

   • 将 LinkedIn 提供的 JavaScript 代码片段添加到您网站的 <head> 标签中，最好是在所有页面的底部。
   • 代码会自动加载并跟踪页面浏览事件。

3. 配置自定义事件 (可选但推荐)：

   • 如果您想跟踪特定行为（如“添加到购物车”、“提交表单”），您需要在相应的事件触发时，调用 LinkedIn 的 liq.push() 方法。
   • 在用户点击“购买”按钮的 JavaScript 函数中添加：

     liq.push(['track', 'Conversion']);

     您需要在 LinkedIn Campaign Manager 中预先定义好这个 "Conversion" 事件。

总结与最佳实践

最佳实践建议：

1. 明确目标：在开始集成前，想清楚您希望通过集成 LinkedIn 达到什么目的？是增加流量、获取用户，还是提升品牌形象？
2. 优先用户体验：不要在页面上堆砌过多的社交按钮，选择 1-2 个最符合您目标的按钮，并将其放置在用户容易发现的位置。
3. 保持一致性：确保您网站上展示的 LinkedIn 页面信息（Logo、简介等）是最新的。
4. 安全第一：永远不要在前端代码中暴露您的 Client Secret，所有涉及敏感信息和令牌交换的操作都必须在后端服务器完成。
5. 遵守条款：仔细阅读 LinkedIn 开发者政策，确保您的集成方式符合规定。

希望这份详细的指南能帮助您成功地将 LinkedIn 集成到您的网站中！