問題タブ [share-button]

ユーザーが一連のテキストからランダムにテキストを表示しているものを共有できるようにしたいのですが、非常に複雑に思えます。答えを探そうとしましたが、誰もが画像の共有について話しています。

ここに私のJavaコードがあります:

これは私のXMLです:

誰か助けてくれませんか？

ボタンを生成し、.png 画像を含むフォルダーを .js ファイルとしてダウンロードしました。コードと画像はどこに置くのですか？私はhtmlとcssしか知りません。

私たちのウェブサイトは modx プラットフォーム上に構築されています。ページの html と css を編集できます。

Web サイトに Facebook 共有ボタンを統合しました。ここで生成できるもの:

https://developers.facebook.com/docs/plugins/share-button/

しかし、どのタイトル、表示するメッセージ、どの URL にリダイレクトするかをどのように伝えることができますか? これで、すべてが Web ページから自動的に解決しようとします。

<title>タグの正しいタイトルを使用します。しかし、メタタグdescriptionは機能していません。また、カスタム URL と画像を設定する方法もわかりません。

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

bodyこれは、タグの開始のすぐ下にあります。

そして、これは製品詳細ページにあります：

ここですべてをカスタマイズするにはどうすればよいですか?

私は Facebook の共有ボタン ウィジェットを使用していますが、これは一般的にうまく機能しています。

「og:image」メタ タグで宣言された画像を表示していますが、さらに、ページ内にあるがページの実際のコンテンツとは関係のない他の画像も表示しています。これらの追加のサムネイルを表示したくありません。「og:image」メタ タグで宣言された画像を表示する必要があるだけで、他の画像は表示したくありません。

これは私が話しているリンクです。

http://www.semana.com/tecnologia/novedades/multimedia/4g-proyecciones-colombia/392262-3

記事はスペイン語なので、明確にするために「Compartir」は英語で共有を意味するため、Facebook の共有ボタンは「Compartir」と表示されているボタンです。

よろしくお願いいたします。

DialogFragments の 1 つ (アクション バーではない) 内の 1 つのビューに共有ボタンを追加する必要があります。

手がかりやサンプルを教えてもらえますか？私がグーグルで見つけたのは、私が探しているものではないアクションバー（Sherlokなど）だけです。

HTML と CSS でいくつかの基本的な共有ボタンをコーディングしました。シンプルな HTML Web サイトの 300 ページにこれらのボタンを配置したいと考えています。

Web サイトの URL を手動で入力する代わりに、Web サイトの現在のリンクを尋ねる簡単な方法はありますか?

例：

ページ 1 www.site.com/home.html

<a class='share-facebook' href="http://www.facebook.com/sharer.php?u= www.site.com/home.html" target="_blank">

これで、Facebook を介してホームページが共有されます。

ページ 2 www.site.com/info.html

<a class='share-facebook' href="http://www.facebook.com/sharer.php?u=[current website url-tag or code?]" target="_blank">

目的の結果を得るには、「現在の Web サイト URL タグまたはコード」に何を入力すればよいですか? (実際に手動で URL を入力せずに www.info.html を共有します)

HTMLだけでも可能ですか？そうでない場合、JS はどのように見えるべきですか?

Twitter と Facebook のソーシャル共有ボタンを使用します。これらの div をボタンに変換する JavaScript は、最初にロードするページでない限り、またはページを更新しない限り表示されません。言い換えれば、リンクをクリックすると、ターボリンクがスクリプトをトリガーしてボタンを表示することはないと確信できます。

Twitter と Facebook が提供する JavaScript を変更して、div またはリンクを共有ボタンにするにはどうすればよいですか?

Twitter.js

show.html.slim

同じ話ですが、Facebookの詳細はこちらです。

facebook.js.コーヒー

show.html.slim

JavaScriptを変更する必要があると確信しています。

参考までに、私はjquery-turbolinks gemを持っているので、問題なくこれを行うことができます

example.js.coffee

LinkedIn の共有ボタンは、次のコードを使用してページに追加できます。

ボタンの上にあるようにデータカウンターを動的に変更できるようにしたいと思います。

これを行うために、古いものを削除LinkedIn buttonし、次のコードで新しいものを追加しました。

ただし、この jsfiddle でわかるように、問題は、直後にいくつかの JS エラーが表示されることです。

「キャッチされていない TypeError: null のプロパティ 'innerHTML' を設定できません」

なぜこれが起こるのですか?どうすればこれを回避できますか?

これは Linkedin の jsApi の問題ですか?