私の会社は、ページの読み込み時にソーシャル サイトに追跡データを提供せずにソーシャル共有ボタンを使用する方法を導入しました: jquery.socialshareprivacy。
Rails 3.2 アセット パイプラインで使用するにはどうすればよいですか?
私の会社は、ページの読み込み時にソーシャル サイトに追跡データを提供せずにソーシャル共有ボタンを使用する方法を導入しました: jquery.socialshareprivacy。
Rails 3.2 アセット パイプラインで使用するにはどうすればよいですか?
プラグインは、JS ファイルと、css と画像を含むディレクトリで構成されます。
Rails 3.2 には jQuery 1.9.x が付属しておりjquery.socialshareprivacy.js
、1.9 で削除された uses 関数が含まれているため ( )、パッチを適用する必要があります (最初.live $.browser
の gist でパッチを取得します)。アセット パイプラインを使用するには、画像に異なるファイル パスを使用する必要があるため、 CSS ( 2 番目の要点を参照) を SCSS (ファイル名に追加) に変換しました。
私は基本的に 3をに変えました。.scss
url()
image-url()
JS を入れ、vendor/assets/javascripts
CSS+images フォルダー全体 (socialshareprivacy) をその下に置きます。vendor/assets/stylesheets
ページに共有ボタンを配置するとき (このドキュメントを参照)、オプションで画像の URL を設定します。
<div id="socialshareprivacy"></div>
<script type="text/javascript">
$(function(){
$('#socialshareprivacy').socialSharePrivacy({
'css_path': '<%= asset_path 'socialshareprivacy/socialshareprivacy.css' %>',
services: {
facebook: {dummy_img: '<%= asset_path 'socialshareprivacy/images/dummy_facebook.png' %>'},
twitter: {dummy_img: '<%= asset_path 'socialshareprivacy/images/dummy_twitter.png' %>'},
gplus: {dummy_img: '<%= asset_path 'socialshareprivacy/images/dummy_gplus.png' %>'}
}
});
});
</script>
複数の場所で必要な場合は、パーシャルにすることを検討してください。