领英分享删除网址-创建我自己的分享链接

LinkedIn Share drops url - Creating My Own Sharing Links

本文关键字:分享 创建 我自己 自己的 链接 删除      更新时间:2023-09-26

我正在制作自己的共享菜单,我已经有几个社交共享在工作了。然而linkedIn带来了一个问题,因为url似乎没有被包括在重定向中。其余的工作股票都是相同的代码,所以我不知道出了什么问题。

JS-

var url = window.location.href+'"';
var title = document.title;
var popup = '<div id="popup"><p id="shareHeader">Share On</p>'+
            '<p><a href="http://www.facebook.com/sharer.php?u="'+url+'>Facebook</a></p>'+
            '<p><a href="https://www.linkedin.com/shareArticle?mini=true&url="'+url+'&title='+title+'>LinkedIn</a></p>'+
            '<p><a href="http://twitter.com/share?text=GET%20800%20SAT&url="'+url+'>Twitter</a></p>'+
            '<p><a href="https://plus.google.com/share?url={'+url+'}">Google+</a></p>'+
            '<p><a href="http://www.stumbleupon.com/submit?url='+url+'>StumbleUpon</a></p>'+
            '</div><div id="close">Close</div>';

问题是在将URL附加到href标记之前关闭它。

<p><a href= >"< https://www.linkedin.com/shareArticle?mini=true&url= >"< '+url+'&title='+title+'>LinkedIn</a></p>

你需要让它看起来像这样:

var url = window.location.href+'"';
var title = document.title;
var popup = '<div id="popup"><p id="shareHeader">Share On</p>'+
            '<p><a href="http://www.facebook.com/sharer.php?u='+url+'">Facebook</a></p>'+
            '<p><a href="https://www.linkedin.com/shareArticle?mini=true&url='+url+'&title='+title+'">LinkedIn</a></p>'+
            '<p><a href="http://twitter.com/share?text=GET%20800%20SAT&url='+url+'">Twitter</a></p>'+
            '<p><a href="https://plus.google.com/share?url={'+url+'}">Google+</a></p>'+
            '<p><a href="http://www.stumbleupon.com/submit?url='+url+'">StumbleUpon</a></p>'+
            '</div><div id="close">Close</div>';

您也可以使用它从web应用程序中共享。

  1. 发布到Facebook 的脚本

    <script>
      (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=Your app Id";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    
  2. Twitter 脚本

    <script async src="//platform.twitter.com/widgets.js" charset="utf-8">
    </script>
    
  3. 用于发布到Linkedn 的脚本

    <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
    
  4. 发布到Google Plus 的脚本

    <script type="text/javascript">
       (function () {
         var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
         po.src = 'https://apis.google.com/js/platform.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
       })();
     </script>
    
  5. Html

       <div id="fb-root"></div>
       <div id="myModal" class="modal fade" role="dialog">
       <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Share on social media</h4>
            </div>
            <div class="modal-body">
                @{
                    var eventId = "WUIkEyQgjnjxsoQa";
                }
                <div class="fb-share-button" data-href="http://92.33.32.25/@eventId" data-width="100px" data-type="button"></div>         
                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://92.33.32.25/@eventId" data-type="button" data-text="Share on eventry" data-via="eventry" data-count="vertical">Tweet</a>
                <div class="g-plus" data-action="share" data-expandto="right" data-annotation="none" data-height="22" data-width="55" data-href="http://92.33.32.25/WUIkEyQgjnjxsoQa"></div>
                <script type="IN/Share" data-url="http://92.33.32.25/@eventId">      </script>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
    


    共享