1

Addthisの私のコードは次のとおりです。

 <script type="text/javascript" src="addthis_widget.js"></script>
 <script type="text/javascript">
      var addthis_config = {
           services_expanded: 'facebook, twitter'
 }
 </script>

 <a addthis:services_compact="facebook,twitter" addthis:services_expanded="facebook,twitter" addthis:url="#" class="addthis_button" href="#"><img id="btn_share" name="btn_share" style="cursor:pointer;" src="path to image" alt="Share" /></a>

このAddthisコードを単純な HTML ファイルに入れて、任意のサーバーを介して実行しようとすると、たとえば、私の場合は Apache を使用しています。そして、正常に動作するよりも、ブラウザから localhost/myaddthis.html を介して実行してみてください (Facebook や Twitter への特定のリンクを共有するための適切なポップアップを表示します)。

しかし、問題は、単純な html ファイルをブラウザー内で直接実行しようとすると、画像が表示されるだけで、適切な addthis 共有ポップアップが表示されないことです。

サーバーなしで実行されない理由よりも、単純な .HTML ファイル (ファイル内にサーバー側のコードはありません) です。

サーバーなしでこのコードを使用したい。どうやってそれをするのですか？

4

3 に答える 3

3

Web サーバーからページをロードするのではなく、ローカル ファイルとして開いてページを表示している可能性があります。したがって、ブラウザのページの URL は http:// ではなく、C:\ または file:// で始まります。

http:// - http://i.imgur.com/IDGUD.pngで表示した場合の AddThis ボタンの外観は次のとおりです。

そして、これは file:// を使用して表示された同じファイルです - http://i.imgur.com/gpCco.png

現在、コード内でプロトコルを使用しない URL (http:// や https:// ではなく // で始まるもの) を使用して、余分な作業を行わなくても SSL 実装が相互互換性を持つようにしています。ただし、テスト ページを file:// プロトコルで読み込んでいる場合、CSS やその他の JavaScript ファイルが読み込まれません。これは、Web サーバーではなくローカル マシンでそれらを探しているためです。

Web サーバーではなくファイル システムを使用してページをプレビューしているユーザーのために、これを修正するために開発者にチケットを送信しましたが、それが実装されるまで、ファイルを使用するとボタンが表示されないことを理解する必要があります。 // ブラウザでサイトがどのように表示されるかをテストするために、プロトコルを使用するか、Web サーバーを使用します。

于 2012-10-02T14:34:13.377 に答える
1

Addthis は現在の URL をチェックします -http://localhost/etc.有効な場所ですが、file://path/to/yourfile.htmlそうではありません。

于 2012-10-01T18:10:32.743 に答える
1

AddThis はソーシャル Web サイトで共有するためのものなので、それは正常なことだと思います。サーバー上にいない場合は、ローカル ファイルであるため、共有できません。

サーバーをチェックするのは、おそらく addThis コード内にあります。サーバーでない場合は、共有する必要はありません。

あなたが私に尋ねるなら、これは常識ですが、私は間違っているかもしれません.

于 2012-10-01T17:34:40.447 に答える