主な手順 JavaScriptからAPIを使用してPush7ボタンを設置する主な手順は以下です。 Push7からAPPNOを取得する JavaScriptを書く ボタン用のHTMLを挿入する 大体こんな感じです。 Push7のAPI詳細については、以下を参照してください。
主な手順 JavaScriptからAPIを使用してPush7ボタンを設置する主な手順は以下です。 Push7からAPPNOを取得する JavaScriptを書く ボタン用のHTMLを挿入する 大体こんな感じです。 Push7のAPI詳細については、以下を参照してください。
プラグインを有効化した後、管理画面メニューにSNS Count Cacheが追加されますのでこちらで各種設定を行います。 SNS Count Cacheの使用・設定方法については開発者である試行錯誤ライフハックさんで詳しく解説をされているのでそちらをご覧ください。 <div class="s_sbm"> <ul> <li class="sf"><a href="https://www.facebook.com/sharer/sharer.php?src=bm&u=<?php the_permalink() ?>&t=<?php the_title(); ?>" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return
最近よくお問い合わせをいただく当ブログに設置しているオリジナルのSNSボタン8種類の全コードをご紹介します。コードはコピペでOK!STINGER5への設置方法も説明します。 シェアボタンのコードはツイッター、フェイスブック、グーグルプラス、はてなブックマーク、LINE、Pocket、RSS、feedlyの8種類です。RSSはSNSなのか!?という突っ込みはスルーでお願いします。 【WordPress】オリジナルSNSボタン設置方法!スマホ用シェア数つきSNSアイコンも公開 – ゆめぴょんの知恵 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 プラグイン【SNS Count Cache】でシェア数を取得する プラグイン【SNS Count Cache】を利用するとシェ
WordPressでカスタムSNSボタンを利用した「画像付きツイートを行うことができる」Twitterシェアボタンの作成方法を紹介いたします。 目次SNS Count CacheのインストールicomoonをWordPressに導入Social Networks Auto-PosterTwitterのDevサイトからアプリを作成プラグインへの設定カスタムSNSボタンの作成画像付きツイートボタンのTips Contents1. SNS Count Cacheのインストール カスタムSNSボタンを設置するにあたって「SNS Count Cache」プラグインをインストールして、ソーシャルメディアでのシェア数を取得できるようにします。 WordPressのプラグインの追加から「SNS Count Cache」と検索してインストールします。 参考に作者まるぼんさんのサイトを載せておきます。 SNS
The Pocket Button allows viewers to quickly and seamlessly save your content to their Pocket list. All you have to do is copy and paste a few lines of code to your site and you'll be ready to go! Copy Code: Copy and paste this code anywhere you would like the Pocket Button to appear on your site. <a data-pocket-label="" data-pocket-count="" class="pocket-btn" data-lang="en"></a> <script type="text
注意※Twitterのツイート数の取得のコードについて この記事のコードでは後日、ツイート数の取得ができなくなるとご指摘いただきました。確認したところ2013年5月7日に行われるTwitterの仕様変更によりツイート数の取得ができなくなってしまいます。(それについての記事)その他はてブ、いいね数のコードにつきましては正常に動作します。問題のコードはサンプルとして残しておきますが、ご利用の際はくれぐれもご注意ください。今回の件についてご指摘くださった方々に御礼申しあげます。そして、すべてのユーザーの方々に不確かな情報を提供してしまったことをお詫び申しあげます。 さらに追記※Twitter APIの仕様変更について Twitter APIの仕様変更後もこのコードで動作し続けています。もともとAPIのリファレンスにも載っていませんしいつ仕様が変更されるかわかりません。ご利用の際はくれぐれも気をつ
Hello. I'm Yuki Iwanaga, a software engineer pursuing beauty in both design and engineering
2012年07月19日00:32 by oklahomer Share Links カテゴリドキュメント Share Linksの和訳です。これを利用することで、2012年7月18日にとうとう廃止されてしまったシェアボタンと同等の機能を実装できます。ただし、公式ドキュメントのどのページからも、このドキュメントへの導線はありません。リンク全部をごっそり持ってきて管理しているFBDocsで見つからなかったくらい。。 なので、どこまでサポートが続けられるのかは分かりません。この方法を使う場合は気をつけてください。 以下、和訳内容です。 サイト訪問者にFacebook上でコンテンツを共有させるベストな方法は、いいね!ボタンを使うことです。ワンクリックでコンテンツとの繋がりを持つことができ、友だちのうちで誰が既に繋がっているかを知ることができるため、CTRを上げることができます。外部のJavaScr
通話やメッセージを無料で利用できることから、利用者数が急速に拡大しているLINE 今までのSNSとは少し異なり、自分の連絡先に登録してある友人/知人と気軽に楽しむことができるのが特徴ですね。 今回は、Bloggerの記事を友達や知人に教えたいときに、あったら便利な『LINEで送るボタン』を設置する方法を紹介します。 この方法は公式のものではなく、今後正式に公開されるまでの暫定的なものです。 → 2012/12/21 スマートフォン向けに正式に公開されました。 【お知らせ】 「LINEに送る」ボタン、公開決定 : LINE公式ブログ LINEで送るボタン|メディア運営者の方へ LINEってどんなサービス? LINE nanapiさんがLINEの基本から使い方まで丁寧に解説しています LINEとは?からわかる - はじめてのLINEの使い方 - nanapi Web LINEとは、スマートフォ
当ブログでも採用しておりますが、ブログなどでもよく見かけるようになった、ある一定量画面をスクロールするとサイドバーなどが固定されるヤーツ。 手順メモを晒しておきます:) 続きましてheadタグ内ないし外部読み込みスクリプトに以下を記述します。 [js] $(function($) { var tab = $(‘.hoge’), offset = tab.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { tab.addClass(‘fixed’); } else { tab.removeClass(‘fixed’); } }); }); [/js] ↑のスクリプトは.hogeがtopの位置に行ったらfixedというclassを追加、それ以外はclass属性を削除する、と言う命令を
あなたのブログに「このエントリーを含むはてなブックマーク」ボタンを表示させる はてなダイアリーでは日記の設定画面から「このエントリーを含むブックマーク」というボタン()を表示させることができ、このリンクを辿ることで、自分の書いたエントリーに対するブックマークについたコメントを一覧したり、さらにブックマークしてもらうためのナビゲーションを行うことができます。 このページでは、この「このエントリーを含むはてなブックマーク」ボタンを各ブログサービスで表示させる方法を紹介しています。 はてなダイアリー Blogger ココログプロ FC2 BLOG gooブログアドバンス JUGEM・ロリポブログ livedoor Blog Movable Type 忍者ブログ Seesaa Blog ヤプログ!
The Subscribe button lets a user subscribe to your public updates on Facebook. There are two Subscribe button implementations: XFBML and Iframe. The XFBML (also available in HTML5-compliant markup) version is more versatile, and requires use of the JavaScript SDK. The XFBML dynamically re-sizes its height according to whether there are profile pictures to display and gives you the ability (through
Facebookの開発者ブログに、ソーシャルプラグインのパフォーマンス最適化についての記事が掲載されていましたので、本エントリーで紹介します。 How-To: Optimize Social Plugin Performance 「いいね!」ボタンやコメントボックスのソースコードを、ブログなどにそのまま貼りつけている方は、このエントリーで紹介しているものに書き換えればページの表示時間が短縮されるかもしれません。 パフォーマンスの最適化には、次の2つのベストプラクティスがあります。 1.channelUrlパラメータを追加する FB.initに、青色で示すchannelUrlパラメータを設定します。 <div id="fb-root"></div> <script src="//connect.facebook.net/ja_JP/all.js"></script> <script> FB.
みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く