IT仕事

facebookアプリに初挑戦

投稿日:

そろそろ、手を付けないとやばいかもと、重い腰をあげることにした。

まずは早速、ディベロッパー登録でつまずいた。
登録するには携帯メール(docomoなどのキャリアメール)が必要なのだが、自分はPHSしか持っていない。
試しにGmailをタイプしてみたのだが、やはり認証でエラーになる。
諦めかけたところで、会社所有のiPad(3Gモデル)のメールアドレスを使ってみたら、うまくいった。

アプリの作成は、基本的に、前半は、こちらのやり方通りにやって、うまくいった。
ページタブアプリ(iframe)の作成とFacebookページへの追加方法|Webpark
しかし後半「Secure Page Tab URL」は必須入力とあったが、自分が試したときには未入力でOKだった。
また、「作ったページタブアプリをFacebookページに表示」の部分は、上記ページに記述されたやり方だと、うまくいかなかった。
facebookアプリは進化のスピードが速いと聞いていたけど、今回の私のケースもそれに漏れず、先人たちの知識を100%真似してとは行かないようだ。

アプリのページへの埋め込みは、こちらを参考に、
Facebookページのタブにアプリを追加できない方へ : 異聞録 @ikko
リンクのキー部分を書き換えてリンク先のページを開くと、うまくいった。
最終的に、リンクはこんな感じに。
https://www.facebook.com/add.php?api_key=xxxxx&pages=1

また、「Page Tab Width」は810pxでOKで、特に幅狭にしなくてもよかった。

一旦アプリを登録すると、左メニューに「開発者」が表示されて、アプリに直接アクセスできるようになった。この後変更があっても、ここから修正できるみたい。

ちなみに、新しいfacebbokページを作りたいときには、どうすればよいか、これまたわからなかったのだが、
http://www.facebook.com/pages/create.php
に、直接リンクすると最初の画面が出ると、こちらのページに書いてあった。
2/5 Facebookページの作り方(基礎編) [フェイスブック(Facebook)の使い方] All About
実際、その通りだった。

まあ、こんな感じで、最初のアプリを作るまでに、Google先生を手がかりに予備知識を蓄え、さらに前に進んで度々の知識ガソリン補給で、1時間ほどで、何とか。

ここまでは、意外と簡単だったなあ。

けど、今後少しでも難しいことをしようとすると、一気に制作スピードが減速するだろうなあ。わからないことが多すぎて。

以上、備忘録。

-IT仕事

執筆者:

関連記事

no image

オープンソース・又は安価なECサイト比較

近々来そうなショッピングサイト構築仕事。そのために一日かかって調べた。 忘れないようにメモメモ。 今回の仕事の必要要件 ・管理者がバックエンドから顧客の注文データを投入できる(電話注文・FAX注文対応 …

no image

pptでWeb画像を作図する

pptでマトリックス図などを作図して画像データ化してWebに貼り付けってことをよくやる。 そのときの、こつ、を備忘録。 ・pptから画像ファイル形式で保存するときはJPEGではなくPNGで保存すべき。 …

no image

GoogleAnalyticsは複数の管理者で使える

GoogleAnalytics、仕事で使っている。 ホント便利だ。タダだし。 ただ難点として、管理画面に入るには私のIDとパスワードがいるので、ユーザーさんに管理画面に直接アクセスしてもらうことができ …

Power Automate Desktopでダイアログでのファイル選択完了判定

今回Power Automate Desktopで、やりたかったこと: (人間が作業)Webブラウザからファイルのアップロードするダイアログボックスで、ファイルを選択してOKボタンを押すところまで。( …

no image

「〇〇屋商店」のラベルを付けたGmailメッセージからGASで件名と本文の一部を正規表現で取り出してスプレッドシートに格納

仕事でGoogle App Script(GAS)を使うケースが出てきそうなので、休日なれど、自主勉してみた。 やりたいことは、オンラインショップの注文メールの中から、必要な事項を取り出して、スプレッ …