linkedin - 如何自定义LinkedIn按钮？

Question

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

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

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

Answer 1

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

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

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

只需从该页面下载 IN 徽标，您就应该一切顺利。

Answer 2

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

        }