app/Plugin/SEOAllOne42/Resource/template/social_button.twig line 1

Open in your IDE?
  1. <script async="async" defer="defer" src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js"></script>
  2. <script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async">
  3.   {lang: "ja"}
  4. </script>
  5. <div id="fb-root"></div>
  6. <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0" nonce="dilSYGI6"></script>
  7. {#<div class="fb-share-button" data-href="https://www.mocacleveland.org/exhibitions/lee-mingwei-you-are-not-stranger" data-layout="button" data-size="small">
  8. <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.mocacleveland.org%2Fexhibitions%2Flee-mingwei-you-are-not-stranger&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share1111</a>
  9. </div>#}
  10. <script>
  11.     $(function () {
  12.         var current_URL = window.location.origin + window.location.pathname;
  13.         current_URL = 'https://ec.badminton-navi.net/products/detail/22';
  14.         var current_title = document.title;
  15.         var encoded_current_URL = encodeURI(current_URL);
  16.         var add_html_twitter = '<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false" data-lang="ja" data-size="large">ツイートする</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"><\/script>';
  17.         var add_html_facebook = '<iframe src="https://www.facebook.com/plugins/share_button.php?href=' + encoded_current_URL + '&layout=button&size=large&mobile_iframe=true&width=75&height=28&appId" width="75" height="28" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" target="_top"></iframe>';
  18.         var add_html_facebook2 = '<a class="seoallone-share-btn-facebook" href="https://www.facebook.com/sharer/sharer.php?u='+encoded_current_URL+'" target="_blank"><i class="seoallone-ion-social-facebook"></i>&nbsp;Share</a>';
  19.         var add_html_line = '<div class="line-it-button" data-lang="ja" data-type="share-c" data-url="' + location.href + '" style="display: none;"></div>';
  20.         var add_html = '';
  21.         {% if facebook_flg is defined and facebook_flg == 1%}
  22.             add_html = add_html + '<span class="mg_socialbutton_2">' + add_html_facebook2 + '</span>';
  23.         {% endif %}
  24.         {% if twitter_flg is defined and twitter_flg == 1%}
  25.             add_html = add_html + '<span class="mg_socialbutton_1">' + add_html_twitter + '</span>';
  26.         {% endif %}
  27.         {% if line_flg is defined and line_flg == 1%}
  28.             add_html = add_html + '<span class="mg_socialbutton_3">' + add_html_line + '</span>';
  29.         {% endif %}
  30.         if ( $(".seo-all-in-social-button" ).length ) {
  31.             $('.seo-all-in-social-button').html('<div>' + add_html + '</div>');
  32.         } else {
  33.             $('.ec-productRole__description').eq(0).before('<div>' + add_html + '</div>');
  34.         }
  35.         LineIt.loadButton();
  36.     });
  37. </script>
  38. <style>
  39.     .mg_socialbutton_1,
  40.     .mg_socialbutton_2,
  41.     .mg_socialbutton_3,
  42.     .mg_socialbutton_4 {
  43.         display: inline-block;
  44.         margin: 5px 10px 5px 5px;
  45.     }
  46.     .mg_socialbutton_4 {
  47.         line-height: 30px;
  48.         vertical-align: text-bottom;
  49.     }
  50.     
  51.     .mg_socialbutton_2 {
  52.         margin: 10px 5px 0px 0px;
  53.     }
  54.     
  55.     .seoallone-share-btn-facebook {
  56.         {#background-color: #95a5a6;#}
  57.         background-color: #0084ff;
  58.         float: left;
  59.         padding: 5px 16px;
  60.         border-radius: 3px;
  61.         color: #fff;
  62.         font-weight: bold;
  63.         font-size: 13px;
  64.         vertical-align: middle;
  65.         -moz-transition: background 0.2s ease-in-out;
  66.         -o-transition: background 0.2s ease-in-out;
  67.         -webkit-transition: background 0.2s ease-in-out;
  68.         transition: background 0.2s ease-in-out;
  69.         font-family: Helvetica, Arial, sans-serif;
  70.     }
  71.     
  72.     .seoallone-share-btn-facebook:hover {
  73.         color: #fff;
  74.         text-decoration: none;
  75.     }
  77.     .seoallone-ion-social-facebook {
  78.         width: 14px;
  79.     height: 14px;
  80.     background: url({{ asset('SEOAllOne42/assets/icons8-facebook.svg', 'plugin') }}) no-repeat center/contain;
  81.     display: inline-block;
  82.         position: relative;
  83.         top: 2px;
  84.         left: 0px;
  85.     }
  86. </style>