如何定制LinkedIn按钮?

如何定制LinkedIn按钮?,linkedin,social-media,Linkedin,Social Media,我想用我自己的图标来显示LinkedIn follow按钮 这是我当前显示“官方跟踪”按钮的方式: <script src="//platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/FollowCompany" data-id="accountID" data-counter="none"></script> 平台品牌指南涵盖

我想用我自己的图标来显示LinkedIn follow按钮

这是我当前显示“官方跟踪”按钮的方式:

    <script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
    <script type="IN/FollowCompany" data-id="accountID" data-counter="none"></script>

平台品牌指南涵盖以您询问的方式使用LinkedIn材料:

在“LinkedIn会员使用的徽标”部分,您可以看到您可以创建一个包含In徽标的自定义按钮,以及“跟随我们”或“跟随我们公司”的文字


只需从该页面下载IN徽标,您就可以顺利完成任务。

LinkedIn自定义按钮单击功能,您可以调用LinkedIn登录功能

    <!-- language: lang-html -->

        <script type="text/javascript" src="http://platform.linkedin.com/in.js">
            api_key: Your App Key //**add your linkedIn aap key here**
            authorize: true
        </script>    

         //**create your customized linkedIn button with css**
        <div id="wLinkedIn"> 
         // **use onLinkedInLoad onclick function in customized button** 
         <a href="#" onclick="onLinkedInLoad();">
          <span id="icon-bg"><i class="fa fa-linkedin"></i></span>
          <span id="icon-label-bg">Login with LinkedIn</span>
         </a>
        </div>

    <!-- language: lang-js -->

        // ----------------------------LinkedIn Sdk---------------------

        function onLinkedInLoad() { 
            IN.UI.Authorize().place();
       // **call onLinkedInLogin on click of button**
            IN.Event.on(IN, "auth", function () { onLinkedInLogin(); }); 

            //IN.Event.on(IN, "logout", function () { onLinkedInLogout(); });
        }

        function onLinkedInLogin() {
            //alert('logged in');
       //**get all user data from linked in plugin**
            IN.API.Raw("/people/~:(id,firstName,lastName,emailAddress)format=json").result(function (data)
         {  
                console.log(data);

                var profileData = data;
                LinkedInFName = profileData.firstName;
                LinkedInLName = profileData.lastName;
                LinkedInEmail = profileData.emailAddress;
                LinkedInId = profileData.id;
                //alert("LinkedInFName : " + LinkedInFName);

                GetLinkedinLoginDetails(LinkedInEmail, LinkedInId)
            }).error(function (error) {
                console.log('Error : ' + error);
            });
        }

        function onSuccess(data) {

        }

api_密钥:你的应用程序密钥//**在此处添加你的linkedIn aap密钥**
授权:正确
//**使用css创建自定义的linkedIn按钮**
//**在自定义按钮中使用onLinkedInLoad onclick功能**
//------------------------------LinkedIn Sdk---------------------
函数onLinkedInLoad(){
IN.UI.Authorize().place();
//**只需点击按钮即可登录**
on(在“auth”中,函数(){onLinkedInLogin();});
//在.Event.on(在“logout”中,函数(){onLinkedLogout();});
}
函数onLinkedInLogin(){
//警报(“已登录”);
//**从链接插件中获取所有用户数据**
IN.API.Raw(“/people/~:(id,firstName,lastName,emailAddress)format=json”).result(函数(数据)
{  
控制台日志(数据);
var profileData=数据;
LinkedInFName=profileData.firstName;
LinkedInLName=profileData.lastName;
LinkedInEmail=profileData.emailAddress;
LinkedInId=profileData.id;
//警报(“LinkedInFName:+LinkedInFName”);
GetLinkedinLoginDetails(LinkedInEmail,LinkedInId)
}).错误(函数(错误){
console.log('错误:'+错误);
});
}
函数onSuccess(数据){
}

是的,但我想定制徽标以符合网站的配色方案,LinkedIn不允许这样做。我认为这是不可能的。或者你也可以在原作的基础上制作自己的。我不知道,对不起,你找到办法了吗?没有,我用我自己的设计,只是把它链接到客户的LinkedIn页面上。那是一年前的事了,也许现在有办法做到。