如何定制LinkedIn按钮?
我想用我自己的图标来显示LinkedIn follow按钮 这是我当前显示“官方跟踪”按钮的方式:如何定制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> 平台品牌指南涵盖
<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页面上。那是一年前的事了,也许现在有办法做到。