そのため、カウンターがあり、クリックしたときにページから任意の画像を選択できるPinterest Pin Itボタンを見つけるのに長い時間を費やしました.
Pinterest が提供する Pinterest コードでは、共有する特定の画像を指定する必要がありますが、カウントがあります。
Pinterest ブラウザ ボタンは、ページで使用するために採用することができ、ユーザーがページ上の適切な画像を選択できるように JavaScript ウィンドウを表示しますが、カウントはありません。
私は遊んだり探したりしてきましたが、とても親密です。私はこのコードを持っています。これは私自身のものであり、他のサイトで見つけたものもあります。
<a class='pin-it-button' count-layout='horizontal' href='http://pinterest.com/pin/create/button/?url={Encoded URL of Current Page}'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/></a>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script>
これが行っていることは、基本的にカウント ボタンを使用してごまかしていますが、元のボタンの上にユーザーが要素の画像を直接選択できるようにするコードを配置することです。ユーザーは Pin It ボタンをクリックしていると思い込んでいますが、javascript run_pinkarklet() を実行するボタンをクリックしています。
これは機能しますが、ポップオーバーで画像を選択し、画像を選択すると、ポップアップウィンドウに挿入されてピン留めが完了しますが、その間にメインページがブラウザがリロードします。元のページはリロードしませんが、現在のフォルダーのメイン URL をリロードします。
例 - ピン留めしているページが http://www.example.com/folder1/page1.phpであるとします。
http://www.example.com/folder1/にリロードし ます
このリロードを停止する方法や、少なくともソース ページをリロードする方法が見つかりません。
最新の Chrome と Firefox でこの動作を確認しています。
何か案は?