如何自定义LinkedIn按钮?

时间:2014-01-22 15:38:50

标签: linkedin social-media

我想用自己的图标显示LinkedIn关注按钮。

这就是我目前显示官方关注按钮的方式:

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

2 个答案:

答案 0 :(得分:0)

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

https://developer.linkedin.com/documents/branding-guidelines

在“LinkedIn会员使用的徽标”部分中,您可以看到您可以创建包含IN徽标的自定义按钮,以及“关注我们”或“关注我们公司”的文字。

只需从该页面下载IN徽标,即可顺利完成。

答案 1 :(得分:0)

LinkedIn自定义按钮onclick功能,您可以在登录功能中调用链接

    <!-- 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) {

        }