WebアプリをRubyonRails4.2.6で作成しています。
アプリ中にfacebookのシェアボタンを設置しております。
コードはfacebook for developersからそのまま持ってきたもので、
application.html.erbの<body>タグ直下に下記のコードを、
Javascript
1<div id="fb-root"></div> 2<script>(function(d, s, id) { 3 var js, fjs = d.getElementsByTagName(s)[0]; 4 if (d.getElementById(id)) return; 5 js = d.createElement(s); js.id = id; 6 js.src = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.11'; 7 fjs.parentNode.insertBefore(js, fjs); 8}(document, 'script', 'facebook-jssdk'));</script>
シェアボタンを設置するビューファイルに下記のコードをそれぞれ記述しています。
HTML
1<div class="fb-share-button" data-href="https://◯◯◯" 2data-layout="button_count" data-size="small" 3data-mobile-iframe="true"> 4<a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse"> 5シェア</a></div>
シェア自体は行うことが可能なのですが、
ページを読み込んだ際にボタンが表示されず、
「シェア」という文字リンクのみが表示されます。
ブラウザでページを更新すると、きちんとボタンが表示されます。
ページを読み込んだ際に、ボタンが1発で表示されるようにするには、
どのようにすれば良いでしょうか?
恐らくturbolinksの影響ではないかと思っていますが、
Javascript周りはあまり詳しくなく・・ご回答いただければ幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/07 22:15