ソーシャルネットワーク用のボタン。 Yandex ソーシャル ネットワーキング ボタンの共有。 公式ソーシャルメディアボタン

29.11.2018

さて、ついにYandexはソーシャルネットワークボタンのボールを導入しました。 今、彼らは 外観ずっときれいになりました。

ページにブロックを追加する方法

デザイナー (https://tech.yandex.ru/share/) を使用して、Web サイトのブロックを作成できます。 説明 追加パラメータドキュメントを見てください。

または、すべてを手動で設定します。

  • ブロックスクリプトを接続します。 ページの読み込みをブロックせずにスクリプトを非同期的に読み込むには、 async=”async” 属性を指定します。

    ボタンの追加方法 ソーシャルネットワークあなたのサイトへ

    これらのプラグインを使用すると、有効にするネットワークとボタンを表示する場所を選択できます。 ソーシャル メディア ボタンには、プラグインを使用することもできます。 ただし、不要なプラグインによってサイトの速度が低下しないように、プラグインを手動で追加するのが一般的なオプションです。

    手動で挿入するには、アイコンに使用する無料のソーシャル メディア ボタンをオンラインで検索し、それらを自分のボタンと組み合わせます。 少しのコーディングに慣れている場合は、自分でホストすることができます。 そうでない場合は、フリーランサーを雇うことができます。

    ボタンの代わりにソーシャル メディア ウィジェットを表示したい場合は、使用しているソーシャル ネットワークから直接取得できます。 ただし、ほぼすべての主要なソーシャル ネットワークは埋め込み可能なウィジェットを提供しています。

  • ブロックをコンテナに置きます。 どの容器でも使用可能 ブロック要素 class=”ya-share2″ 属性を追加します。

    コンテナ属性を使用してブロックを構成できます (以下の表を参照)。

  • サポートされている属性 属性 説明 可能な値
    データベアスタイルの読み込みが無効になっていることを示します。 属性を追加すると、ソーシャルネットワークがテキスト縦リストとして表示されます。
    データカウンターソーシャルメディアボタンに投稿数が表示されるサイン。

    注意! Twitter ボタンには投稿数が表示されません - Twitter は投稿数 API をサポートしなくなりました。

    さまざまな配色を選択したり、ソーシャル カウンターの配置を変更したりできます。


    ウィジェットは見た目は良いですが、サイトの速度を低下させる可能性があることを忘れないでください。 ほとんどの場合、ソーシャル メディア ボタンにはアイコンを使用するのが最善です。 これを 1 つのページにのみ追加するか、レイアウトに追加して、そのレイアウトを使用するすべてのページに表示されるようにするかを選択できます。 外部依存関係がないため、他に何も心配する必要はありません。 属性を追加すると、ソーシャル ネットワークがテキストの縦方向のリストとして表示されます。カウンターを表示 - ソーシャル ネットワーク ボタンに投稿カウンターが表示されることを示します。 制限オプションを使用している場合は、「リンクをコピー」ボタンが表示される場合があります。 説明テキスト - のテキスト 共有。 方向 - ボタンのリストの方向。 行は # 記号なしで指定されます。 いくつかのハッシュタグはスペースを入れずにカンマで区切られます。 画像。 共有用の画像。 ポップアップの方向。 ポップアップ位置。 ブロックコンテナに対するポップアップの位置。 サイトのレイアウトによってポップアップが隣接するページ要素によって切り取られる場合は、外側の値が必要になることがあります。 これは、多くのソーシャル ネットワークを 1 つのブロックに統合する必要があり、またブロックがページ上で占有するスペースがほとんどない場合に使用されます。

    • どちらを選択しても、これらの手順は同じです。
    • アクセストークン - カウンタ取得リクエストの制限を解除するためのトークン。
    • 「コピー」ボタン - 「コピー」の位置。
    ソーシャル メディアの起源は比較的地味で、人々がオンラインでコミュニケーションをとるための新しい方法として始まりました。

    属性の有無。
    データコピー「リンクをコピー」ボタンの位置。 制限パラメーターが使用されている場合、「リンクのコピー」ボタンが表示されることがあります。
    • 最初 - リストの下部にあるボタン。
    • 最後 - リストの上部にあるボタン。
    • hidden - ボタンは表示されません。

    デフォルト値: last 。

    デフォルト値:ru。

    データ制限ボタンとして表示されるソーシャル ネットワークの数。 これは、ブロックに多数のソーシャル ネットワークを埋め込む必要がある場合や、ブロックがページ上で占めるスペースを小さくするために使用されます。 制限に含まれていないソーシャルネットワークは、ボタンを押すことで利用可能になります。自然数または属性なし。
    データサービスブロック内に表示されるソーシャルネットワークIDのリスト。いくつかのソーシャル ネットワークは、スペースを入れずにカンマで区切って表示されます。 デフォルト値: vkontakte、facebook、twitter
    データサイズソーシャルメディアボタンのサイズ。

    デフォルト値: m。

    これは、Web サイトや企業が訪問者を引き付ける方法に不可欠な部分となっています。 ほとんどのサイトは、ソーシャル メディアが 2 番目に多いトラフィック ソースであると考えています。 過去数年にわたり、ソーシャル ネットワークには真の革命が起きました。 情報共有とコンテンツのプロモーションはよりダイナミックで、よりつながりやすくなります。

    ソーシャル メディア チャネル経由のトラフィックを増やすには、ボタンを統合する必要があります 共有あなたのウェブサイトで。 選択できるオプションはたくさんあります。そのため、この投稿では、ソーシャル メディアの共有ボタンを最大限の効率で表示するための 10 個の最適なウィジェットを検討します。

    デフォルトでは、ブロックが配置されているページのタイトルが表示されます。

    日付 2010 年 12 月 28 日

    対応サービス一覧
  • ブロガー。
  • ディグ;
  • エバーノート;
  • 美味しい;
  • フェイスブック;
  • フレンドフィード;
  • Googleバズ。
  • Google リーダー;
  • ジュース;
  • リンクトイン。
  • ライブジャーナル;
  • 私のサークル;
  • 私の世界。
  • マイスペース;
  • オドノクラスニキ.ru;
  • ツイッター;
  • Vコンタクテ;
  • や・る。
  • Yandex.ブックマーク。
  • 設計のセットアップと最適化 外部リンク

    Web サイトにソーシャル ボタンが必要なのはなぜですか?

    Web サイトのコンテンツの準備が整いました。今すぐ訪問者が必要です。 潜在的な視聴者や将来の忠実なフォロワーの画面に美しく書かれたコンテンツを表示するには、ソーシャル共有アイコンを使用できます。 ソーシャル メディアは、参加を希望するすべての人に発言権とプラットフォームを提供し、ユーザーが共通の関心を共有する他のユーザーとつながることを可能にします。 ソーシャル メディアは、ビジネス分野や技術スキルから趣味や願望に至るまで、あらゆるものを中心とした仮想コミュニティを作成します。

    何か付け加えたいと思います。 でも、どうすればいいのかわかりません:(。誰かが教えてくれるのではないでしょうか?

    UPD: 機知に富んだ Georg がコメントでこの問題の解決策を提案しました :)。

    インターネット上で監視されているのではないかと心配な場合は、コンピュータの電源を切ってください。

    すべてのウェブマスターは、遅かれ早かれ、自分のウェブサイトにソーシャル ボタンをインストールすることを検討します。 結局のところ、今ではソーシャル ネットワークなしの生活を想像できない人もいるのに、なぜ彼らから記事を共有する機能を奪うのでしょうか? しかし、時間が経つにつれて、多くのソーシャル ボタン サービスは正気を失い、必要のないものをすべてコードに詰め込んで、コードでやりたいことを実行します。 この偏執的なアイデアのために、この記事では、Web サイト用の最もクリーンなソーシャル ネットワーク共有ボタンのコードを紹介します。ほとんどすべてのソーシャル ボタン サービスが、必要なときにユーザーに関する情報を漏洩することは周知の事実です。 ああ神様! そんなはずはない! これについて今知りました! - おめでとう! 彼らは自分の仕事や努力のために、何らかの形であなたを利用する必要があります。 彼らはそうしました 良いサービス、優れた機能性、利便性、そして「品質」を備えています。 必要なものを選択し、必要な場所にコードを配置するだけです。 それだけです。 そして、そのような工作をインターネット上で無料で行うことに彼らにとって何のメリットがあるのでしょうか? 右。 いいえ。 そのため、そのようなオフィスは時々、何らかの DMP にデータをダンプすることに巻き込まれることがあります。 これらすべてのサービスについては説明しません。 優れた機能性、いくつかのユニークな機能がありますが、それらを個別に紹介するつもりはありません。 このサイトで最も人気のあるソーシャル ボタン サービスのリストを以下にまとめました。
    • //site/airee_share.pluso.ru/
    • http://uptolike.ru/
    • https://tech.yandex.ru/share/
    • http://share42.com/ru
    • http://www.sharethis.com/
    • https://pip.qip.ru/
    • https://www.addtoany.com/
    • https://www.po.st/
    • http://www.addthis.com/
    • http://sharebuttons.com/
    十分な時間がない場合、または手や指の指節を数回以上動かすのが面倒な場合は、これらのサービスを安全に使用できます。 ウェブサイトだけでなく訪問者にも最適です。 しかし、ユーザー データの 100% のセキュリティ、DNS の 100% の動作、サイトの読み込みを保証する人は誰もいません。 それらの。 ソーシャル ボタン サーバーに障害が発生すると、サイトの読み込みが通常より遅くなります。 はい、これはめったに起こりませんが、実際に起こります。 もちろん、これらのスクリプトの非同期読み込みをインストールして、その動作を最適化することもできますが、これは、怠け者向けに書いたいくつかの手順以上のものです。 もちろん、インターネット上には Web サイト内に配置され、情報がどこにも漏洩しないソーシャル メディア コードがありますが、その多くには同じソーシャル ネットワークへの外部リンクが含まれています。 ウェブマスターは外部リンクを好まないため、最も偏執的なウェブマスターのために、goodshare.ru スクリプトに基づいた既成のコードを集めました。実際、彼らに感謝しています。 このコードのインストール例は、HTML や CSS の基本を知らない人向けではありませんが、手と少しの時間があれば、指示に厳密に従えば成功します。 それでは、次のようになります: Facebook、VKontakte、Odnoklassniki、Moi Mir、Google Plus、Twitter の 6 つのソーシャル ネットワークが標準に従って構成されています。 スクリプト設定には 30 を超えるものがありますが、必要に応じてこれらすべてを個別にインストールできます。 これらのボタンの利点は、著者によって述べられており、私も完全に同意します。
  • どのデバイスでも優れた表示が可能 (はい、どの画面サイズにも適応します)
  • クリーンなコード - 高速で安全なサイト (サーバー上にのみあるスクリプト、CSS、フォントのみが読み込まれます)
  • モバイル メッセンジャーのテクノロジーをすべて 1 つのスクリプトで共有します (あらゆる種類の電報)
  • SEO フレンドリー - リンクなし
  • 写真は含まれません
  • スクリプト自体は何を行うのでしょうか?また、一般にこのスクリプトが必要な理由は何ですか? これらのボタンのスクリプトには、すべてのボタンのすべての API が含まれています。 ソーシャルネットワーク, そしてスクリプトはサイト上のあらゆる場所をアクティブな共有ブロックにします。 たとえば、空の DIV ブロック、スパン、画像、または空のリンクに配置すると、サイトのほぼすべての要素をこれらのボタンに変えることができます。 この例では、空の Div 用のスクリプトを使用しました。 写真について:ここにはありません。 表示されるアイコンはフォントから取得されたものであり、単なるシンボルです。これらのボタンのインストールは非常に簡単です。 アーカイブには、フォント、CSS、JS、TXT の 4 つのファイルのみがあります。 1)。 フォントをサーバー上の任意のフォルダーにアップロードする必要があります。フォントは JS または CSS と同じ場所に置くことができます。 2)。 次に、JS をサーバーにアップロードし、任意の場所でコードを使用してサイトに表示します。ただし、ページの一番下に表示することをお勧めします: src = //site/airee_cdn.jsdelivr.net/jquery.goodshare.js/4/goodshare .min.js" >

    約30億人が利用 インターネットソーシャルネットワーク。 サイトのトラフィックに対してこの膨大な視聴者のパワーを活用したい場合は、ソーシャル メディア ボタンをサイト コンテンツに統合することが重要です。 これにより、読者はサイトのコンテンツをお気に入りのソーシャル ネットワーキング サイトで即座に共有できるようになります。

    公式ソーシャルメディアボタン

    ソーシャル ネットワーキング サイトとそのユーザーは、Web ページへの大量の参照トラフィックを促進するのに役立ちます。 したがって、訪問者が共有したりつながりを持ちたくなるコンテンツを作成することで、最終的には検索ランキングが向上します。

    このスクリプトは 2 つの部分で構成されており、1 つ目は Jquery で、2 つ目はボタン コード自体です。 サイトですでに Jquery が有効になっている場合は、コードの最初の部分を削除することでファイル サイズを減らすことができます。 重要: (Jquery コードの一部を削除した場合) ボタン スクリプトは Jquery スクリプトの後に読み込む必要があります。 。 3)。 JS とフォントをインストールした後、サイトに CSS を追加する必要があります。 soc.css ファイルの内容全体をサイト上の CSS プラグインの 1 つにコピーするだけです。 重要: soc.css ファイルの 82 行目で、URL をフォントの場所に変更します。 4)。 これらすべてが完了したら、HTML.TXT ファイルの HTML コードを、これらの素晴らしいボタンを表示したいサイトにコピーします。 スクリプトの構造にはソーシャル ネットワーク共有カウンターをインストールする機能がありますが、Web サイト上のドキュメントで詳細を読むことができます。 このスクリプトは私のブログにインストールされているものなので、これらの行のすぐ下で動作を確認できます。 ご清聴ありがとうございます。インストールについてご質問がある場合は、コメントを書いてください。 私はあなたと一緒にいました、怠惰なスタウロス。

    あなたの Web サイトのリンクやウィジェットを共有するのに最適なソーシャル パートナーは誰ですか?

    変動する出品手数料が出品順位に影響を与える可能性があることに注意してください。 ただし、この補償は当社の審査プロセスに明示的に影響を与えるものではありません。 Web サイトにインストールすると、共有ボタン、共有バー、ポップアップ、フォローアップ ボタンなどのツール グループにアクセスできるようになります。 最近の統計によると、公的交流の 80% はプライベート チャネルを通じて行われています。 「ダーク ソーシャル」と呼ばれるこのプライベート リンクの交換は、オンラインでの口コミに相当します。