2

ここの私のページでは、addthis javascript に非同期読み込みを追加していますが、まだ js を学んでいるので、どこに配置すればよいかわかりません。

私が持っているコードは次のとおりです。

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:layout="horizontal"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xxxxx"></script>
<!-- AddThis Button END -->

道順は次のとおりです。

非同期読み込みを有効にするには、クエリ文字列パラメーター「async」を addthis_widget.js スクリプト タグの末尾に追加します。次に例を示します。

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#async=1"></script>

これにより、最初のスクリプトを除いて、すべての AddThis アセットが読み込まれなくなります。AddThis をロードする準備ができたら、次のように関数「addthis.init()」を呼び出します。

       function initAddThis() 
 {
      addthis.init()
 }
 // After the DOM has loaded...
 initAddThis();

私の質問は、#async=1ユーザー名の代わりにどのように配置し、その直後に init を追加するのですか?

twitter の隣にある iframce から来る大きなギャップもあります。減らす方法がわかりません。

何よりも悪いことに、Facebook などのソーシャル ネットワークに投稿された URL が空白のページに移動し、次の URL が表示されます。 play-centres/timbuk2-kids-activity-centre-383.html?fb_action_ids=10151964783697905&fb_action_types=og.likes&fb_ref=.Ul0sB9xtelP.like&fb_source=other_multiline&action_object_map=%7B%2210151964783697905%22%3A128186320684674%7D&action_type_map=%7B%2210151964783697905%22%3A %22og.likes%22%7D&action_ref_map=%7B%2210151964783697905%22%3A%22.Ul0sB9xtelP.like%22%7D

どんなアイデアでも大歓迎です

4

1 に答える 1

2

最初の質問 - #async=1 を追加する方法 - は簡単です。それを addthis_config 変数に入れるだけです。コード例は次のとおりです。

<script type="text/javascript">
var addthis_config = {
    "data_track_addressbar":true, 
    "pubid": 'xxxxx'
};
</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#async=1"></script>

2 番目の質問 (直後に init 呼び出しを追加する方法) については、コード エディターでコードの後に​​配置します。

最後に、Facebook への投稿が失敗する理由は、Web アプリがクエリ パラメーターを処理するように適切に設定されていないためです。たとえば、この URL - http://www.inside-guides.co.uk/brentwood/children-and-parenting/activity-and-play-centres/timbuk2-kids-activity-centre-383.html?foo=バー- も失敗します。? の後に何かを入れる場合 URL では読み込まれません。開発者はこれを修正する必要があります。

于 2013-10-15T15:12:52.237 に答える