タグ

iframeとfacebookに関するweb_designerのブックマーク (11)

  • HugeDomains.com

    Captcha security check actyway.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
  • Facebookページへのページタブ追加が一瞬で行えるブックマークレット

    以前、「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、FacebookページにIFrameタブ(以下ページタブ)を追加するには、次のようなURLをたたき、表示された画面でページタブを追加したいFacebookページを選択する必要があります。 https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL が、手動でURLを入力するのは面倒なので、その後「Facebookページ IFrameタブ追加ツール(下)」を作りました。 Facebookページ IFrameタブ追加ツール 気がついたら340いいね!ほど頂いてます。ありがとうございます。 が、これもアプリIDやページタブURLの入力をしないといけないのでやや面倒です。 ということで前置きが長くなりま

    Facebookページへのページタブ追加が一瞬で行えるブックマークレット
  • FacebookページへのIFrameタブ追加方法が変更

    Facebookの開発者ブログで、「2012年2月1日にすべてのアプリケーションのプロフィールページを削除します」というアナウンスがありました。 Removing App Profile Pages この関係で、2011年12月10日以降に新しく作成したアプリケーションについては、「アプリのプロフィールページを見る」というリンクが表示されなくなりました。 2011年12月10日以前に作成したアプリケーションのメニュー 2011年12月10日以降に作成したアプリケーションのメニュー また、このリンクがなくなったことでFacebookへのIFrameタブ追加方法も変更されています。 ということで、FacebookページへのIFrameタブ追加方法および、アプリのプロフィールページの作成方法を紹介します。アプリの作成手順については省略しているので、「Facebookのタイムラインにアプリを追加す

  • ページタブアプリ(iframe)の作成とFacebookページへの追加方法

    すでにお持ちの方も多いと思いますし、設定自体簡単ですのでFacebookページ自体の登録方法は割愛させていただきます。 ページタブアプリの作成方法 まず、Facebook開発者にアクセスしましょう。 右上にある「新しいアプリケーションを作成」をクリック。 アプリの名称を入力します。 Herokuを使ってiframe内のコンテンツを作成する場合、下の「Web Hosting」にチェックします。 Herokuは、ウェブサービスのホスティングサービスですが、私は使ったことがないので、ここからは自分でサーバーを用意することを前提に説明を続けます。 セキュリティチェックをします。ほんと見にくいです。 ページタブをクリックして内容を入力します。 今まで私は、http:// で始まるURLのみ「Page Tab URL」の欄に登録していたのですが、セキュアな接続をしているユーザーが閲覧した場合に備え、h

    ページタブアプリ(iframe)の作成とFacebookページへの追加方法
  • Facebookページの作り方 2012年1月版

    2013年3月23日 Webサイト制作 一年ちょっと前に「Facebookページを自由にカスタマイズする方法」という記事でFacebookページの作成方法を説明したのですが、Facebookはコロコロ仕様を変更するため、その記事を読んでもFacebookページは作れませんw 今や使い物にならない記事にもかかわらずアクセス数はかなりあるので、訂正…というか新仕様にあわせたFacebookページの作成方法を説明します。 ↑私が10年以上利用している会計ソフト! 冒頭でも書きましたが、Facebookページの作り方についての記事は、半年以上前に書かれたものはアテにしないほうがいいです。それほどFacebookは仕様変更のスパンが短いのです。この記事もあと半年後には書き直しなのか…そうなのか…。 基的なFacebookページの作り方 まずはFacebookページを新規作成します。こちらの「Fac

    Facebookページの作り方 2012年1月版
  • WordPressで作成したFacebookページのIFrameタブデザインを崩さない方法

    WordPressで作成したFacebookページのIFrameタブで、デザインを崩さずにきちんと表示させるためのTipsを紹介します。 1.問題点 次のような、WordPressとjQuery Tabs UIを使ったタブページを、FacebookページのIFrameタブに表示するものと仮定します。 上の場合は期待通りの表示になっていますが、場合によっては次のようにjQuery UI Tabsのスタイルが適用されず、崩れて表示される可能性があります。 余談ですが、WordPressを使って上記のjQuery UI Tabsによるタブページを表示するカスタマイズは「Facebookページプロフェッショナルガイド」に掲載しています。宣伝です(笑)。 Facebookページ プロフェッショナルガイドposted with amazlet at 11.07.16蒲生トシヒロ 竹村詠美 原裕 大元隆

    WordPressで作成したFacebookページのIFrameタブデザインを崩さない方法
  • 「いいね!」ボタンを設置しよう │ facebook-japan

    Tweet 「いいね!」ボタンを設置しよう 「いいね!」ボタンをフェイスブック外部のホームページやブログに設置することで、よりたくさんのつながりをもつことができます。 これはソーシャル・プラグインと呼ばれる仕組みです。 Facebookが「いいね!」ボタンのソーシャルプラグインを 2010年4月に公開した直後、24時間以内に10億回以上もクリックされたといわれています。 たとえば、あなたのブログに「いいね!」ボタンを設置し、それを見た人がクリックした場合、ブログとFacebook内の両方で「○○さんがいいね!と言っています」と表示されましす たくさんの人にクリックしてもらえれば、それがきっかけであなたのブログへのアクセスが爆発的に増える可能性もあります。 「いいね!」ボタンがクリックされると、その都度そのWEBサイトへのリンクが張られます。 つまり、みんなが「いいね!」といってい

  • Facebookページに複数の「いいね!」ボタンを設置したい! | Tips Note by TAM

    「いいね!」ボタンは、読者からの反応が直接反映されるので 1つだけではなく複数設置したい場面があると思います。 (人気商品を知りたい、ランキングを作りたい など) (例) プラザ/PLAZA(ルミネ有楽町店) ※公開終了 → ※赤で囲んだ部分が「いいね!」ボタン。 ところが、 Facebookページ 1ページに対し、 「いいね!」ボタンは 1つしか置くことができません。 それでもやっぱり複数の「いいね!」ボタンを置きたかったので、 独自に考えたてみた複数の「いいね!」ボタンを設置する 2つの設置例をご紹介いたします。 ※非常に無理矢理感のある方法ですので、推奨はいたしません。 Facebookの仕様変更等にも十分ご注意ください。 (例) ・ASCII.jp Web Professional 「書籍紹介」 ※公開終了 「いいね!」ボタンから、 各書籍の詳細情報のページへリンクしています。 ▼

    Facebookページに複数の「いいね!」ボタンを設置したい! | Tips Note by TAM
  • facebookでページをiframeで読み込む方法 – creamu

    facebookをいじっているんですが、ものすごくわかりにくいですね・・・。 やっとページをiframeで読み込めたんですが、次は覚えてなさそうなので、メモしておきます。 ※2011年5月11日時点の情報です。 まず、width:520px以下でページを作成します。 ※heightを800px以下にしないとiframeで読み込んだときに上下左右のスクロールバーが出ますが、jsで回避します(後述します)。 作成したページをサーバにUPします。 次に、アプリを作成します。 ・フッタの「開発者」/ グローバルメニューの「マイアプリ」をクリック ・「+ Set Up New App」ボタンをクリック ・「Facebook Integration」でタブ名とタブのURL(iframeで読み込むページのURL) を入力 上記アプリのページの「Application Profile Page」にいき、左

  • iFrameを使ったFacebookページを作る際に気をつけたいこと | バシャログ。

    AUのスマートフォンラインナップが発表されましたね。 今まで指が動かなかったけどやっぱりINFOBARにキュンときたminamiです。 さて、今回も前回に引き続きfacebookの話です。 iframeで自由にページを作ることができるようになったとはいえ、 実際に制作する際には気をつけなければいけないポイントがいくつかあります。 今回はそのあたりを挙げてみました。 スクロールバーを出さないようにする facebookページの表示領域は通常で横幅520px、縦幅800pxとなっていますが、コンテンツのサイズがそれより大きくなると問答無用で横方向のスクロールバーが表示されてしまいます。アプリの設定で「iFrameサイズ」を設定しても変わりません。スクロールバーをページ内に出したくない場合は下記のようなCSSを記述して、万が一コンテンツが大きくなったとしても表示領域が変わらないようにしましょう

    iFrameを使ったFacebookページを作る際に気をつけたいこと | バシャログ。
  • iFrameによるFacebookページ作成法と6つのポイント|Webpark

    先日はじめたばかりなのにFacebookについて語るのも偉そうかもしれませんが、せっかくiFrame形式のページを設置したので、その作成方法や個人的に悩んだところをまとめてみます。 今回はiFrameを使ってFacebookページを自由にカスタマイズする方法を紹介します。Facebookページ自体はログインした状態で「Facebookページを作成」にアクセスすると作成することができます。 今まではFBMLというFacebook独自の言語を使っていたのですが、現在はiFrame(インラインフレーム)に移行されています。ということで、上の赤い部分に、自分で用意したサーバーのページを表示するということになります。 移行の理由はよく知りませんが、iFrameだとユーザーがサーバーを用意しないといけないので、やはりサーバーの負担を考えてなのでしょうか。 個人的にインラインフレームはあまり好きではない

    iFrameによるFacebookページ作成法と6つのポイント|Webpark
    web_designer
    web_designer 2011/04/26
    iframeによるfacebookページ(iframeってあんまり好きじゃない…)
  • 1