各投稿に Facebook、Twitter、Pinterest、Google+、メールの共有ボタンがある tumblr サイトがあります。それらはすべて新しいウィンドウで開くはずです。Facebook と Twitter は同じですが、Pinterest、G+、メールは同じウィンドウで開きます。
この tumblr サイトは、会社のメイン サイトの iframe に表示されます。メイン サイトから、Pinterest、G+、および電子メールのリンクがまったく開かない。彼らは何もしません。Facebook と Twitter のリンクは、以前と同じ動作をします。彼らが働きます。
リンクに使用しているhtmlは次のとおりです。
<ul>
<li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">Open in app</a></li>
<li><a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&t={URLEncodedTitle}" class="share-item facebook" target="_blank"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareFB.png?7867"></a></li>
<li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareTwitter.png?7867"></a></li>
<li><a href="http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&media={PhotoURL-HighRes}&description=Isaora" class="share-item"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productSharePinterest.png?7867"></a></li>
<li><a href="mailto:?subject={URLEncodedShareString}&body={URLEncodedMailSummary}" class="share-item mail"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareMail.png?7867"></a></li>
<li><a href="https://plus.google.com/share?url={URLEncodedPermalink}" class="share-item"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareGPlus.png?7867"></a></li>
</ul>
方法:
* tumblr サイトで機能するメール、ピンタレスト、g+ リンクを取得します。リンクは iframe 内にあり
ます。 * それらを新しいウィンドウで開くように取得します。