LinkedIn Follow Company插件标签自定义及丹麦语字符显示问题求助

首先，针对你遇到的"Følg"中字符Ø乱码的问题，最常见的原因是页面字符编码未设置为UTF-8，以下是具体解决步骤：

一、修复字符乱码问题 #

1. 确保页面编码为UTF-8
   在HTML文档的<head>标签内添加UTF-8编码声明，这是解决绝大多数特殊字符乱码问题的核心：

   <meta charset="UTF-8">
   

   这个声明要放在<head>的最顶部，确保浏览器在解析页面内容前就明确编码规则。

2. 验证编码一致性
   LinkedIn官方提供的in.js脚本本身是UTF-8编码的，只要你的页面编码和它保持一致，特殊字符就应该能正常显示。如果页面之前用了其他编码（比如ISO-8859-1），切换到UTF-8后需要确保所有页面内容都重新保存为UTF-8格式，避免残留编码问题。另外也可以检查服务器响应头是否设置了Content-Type: text/html; charset=utf-8，确保服务器端也传递了正确的编码信息。

二、自定义按钮标签的方案 #

LinkedIn的IN/FollowCompany官方插件本身不提供直接自定义按钮文本的配置项，因为按钮内容是由LinkedIn服务器端渲染返回的。不过可以通过前端技巧实现文本替换，步骤如下：

1. 监听插件加载完成事件
   使用LinkedIn的JS API监听组件加载完成，确保在按钮渲染后再执行替换操作：

   // 初始化LinkedIn API
   window.IN.init({
     lang: 'da_DK'
   });
   
   // 监听FollowCompany组件加载完成
   window.IN.Event.on(window.IN, 'followCompanyRender', function(event) {
     // 定位按钮元素（根据插件实际DOM结构调整选择器）
     const followButton = document.querySelector('[data-id="1337"] .IN-widget span');
     if (followButton) {
       // 替换为自定义文本（比如确保正确显示的"Følg"，或其他你需要的文本）
       followButton.textContent = 'Følg';
     }
   });
   

2. 注意事项

   • 这种方法依赖于LinkedIn插件的DOM结构，未来如果LinkedIn修改了组件的HTML结构，可能需要调整选择器。
   • 请确保你的自定义操作符合LinkedIn的开发者条款，避免违反平台规则。

如果设置UTF-8编码后字符仍然乱码，可以尝试清除浏览器缓存，或者测试在不同浏览器中是否出现同样问题，排查是否是浏览器缓存或特定浏览器的编码兼容问题。

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