FacebookにWebサイトまたはエンベローププランの作成方法を教えた方法

昨年の終わりに、ソーシャルネットワーク上のビジネスページの情報に基づいて適応型Webサイトを自動的に作成するツールを作成するタスクが与えられました。 この方法で:













システムの最初のスキームを紙にスケッチしました。 これは象徴的なものでした。なぜなら、プロジェクトは「Envelope」という作業名を受け取ったからです。Facebookフィードは無限のシートのセットのように見え、このデータを新しいフォーム(ページから選択した情報の封筒の一種)に詰め込みました。







まず、「ブラックボックス」の概念を理解しましょう。



1.仕組み



ユーザーは、PC、スマートフォン、またはタブレットからサービスにアクセスし、ソーシャルネットワーク上のページへのリンクを提供し、将来のサイトのテンプレートを選択します。 その後、すべてが自動的に行われます-タイマーに従うだけです。







タイマーが刻々と過ぎている間に、Facebook APIを介してページからデータを取得し、サーバー上の単一のファイルに入れて、独自のバックアップシステムを使用して将来の名刺Webサイトの画像を形成します





フルサイズの画像



メインページは、着陸の原則によって形成されます。最初の画面が明るく、次に美しい写真が、最近の投稿のテキストです。これに対して、自動的に見出しが作成されます。 Facebookで今後のイベントがあった場合は、メインイベントからサインアップできます。 フィードバックはありますか? また、それらをサイトの「顔」に投稿します。



内部ページの数は、FB上のページの完全性に依存します。 受け取る最小セット:メインページと個別のページ「ギャラリー」および「ニュース」-メインページよりも多くの写真と投稿(最大50枚)が保存されます。 また、サイトの構造には「イベント」、「会社概要」、および「連絡先」ページがあり、Facebookがこれに十分なデータを持っている場合にのみ生成されます。





フルサイズの画像



データの有用な各ユニットを転送するとき、uKitからウィジェットに「ラップ」されます。これは、ユーザーがサイトを管理するデザイナーからの既製の要素(見出し、テキストブロック、画像など)です。 ただし、Facebookからのデータを独自の方法でレイアウトするだけでなく、サイト固有の要素(行動を促すボタン、フィードバックフォームなど)を追加し、ユーザーの最初のSEO設定を規定します。







インポートが完了すると、ユーザーは結果の表示に切り替えます-視覚モードでプロトタイプを追加および変更できます(たとえば、ストアウィジェットの配置、コールバックなど)。



インポートの開始から「サイトを手動で編集する」までのプロセス全体には約2分かかります。



2.結果はどこで確認できますか?



1) Facebookの公開ページがない場合は、 VDNHのサイクリストWebサイトをご覧ください。







インポート後に最小限の変更が行われ、出力で取得できるものの例として最も明白です。



2)他のユーザーは停止し、サイトにウィジェットを追加しません。たとえば、セルプホフのカフェのように、メインページと内部ページの構造を独自に再設計します。 彼らは初めて自分のウェブサイトを作りました。





ここで彼らのサイトのページをさまよいます



3)ユーザーの3番目のグループは、当初考えていなかったシナリオに従ってコンバーターを使用し始めました。 データを転送し、残りをフリーランサーに渡します。





所有者がページのみをインポートし、請負業者が3.5Kルーブルの残りを完了したサイトの例



そのため、一部では 、名刺サイトやシンプルな1ページのWebサイトを行う顧客やフリーランサーの生活を楽にするデータ転送システムを発明しました。



3.イースターエッグ、テルミンの要求となぜこれがすべてだったか



3.1このことを何と呼ぶか



最も困難なことは、コンテンツを転送する方法(FBは5種類の投稿からは程遠い、と彼が主張している)を学び、テンプレートを壊さないことでした**。 あなたが白い円についての白い詩を転送する必要がある場合でも。







2番目に難しかったのは、作業バージョンの名前に関する議論でした。 マーケティング担当者は最終的にプロジェクトの名前を変更することを主張しました-現在はuKit Altと呼ばれています。 しかし、 イースターエッグには「封筒」を残しました。



3.2テルミンのリクエスト





1)コンバーターのパブリックバージョンの外観に対する反応は異なります。





私たちのsmsmshchikの日常生活



2)サービスをテストするために誰かが大胆に急ぎましたが、それはニュースプロジェクト用ではなく、名刺サイトの作成用に設計されています。





最初は、管理者のみがページを変換できるため、管理者の1人がRBCページを変換しました。 「管理者のみがインポートできる」スキームから離れて、「管理者のみが結果を編集できる」ようになりました*



3)そして、ピーターテルミン(同じレオテルミンのgreat孫)のような人が未来を探していました。







最近この機能を実装しました-Facebookからのニュースをサイトに自動的に追加できるようになりました。



3.3なぜこれがすべてだったのか



主なユーザーは、メディアプロジェクトやメディア担当者ではありません。 17,000件のコンバージョンのうち、大半は小さなカフェ、ホテル、音楽、クリエイティブプロジェクト、あらゆる分野の起業家です。



誰かがサイトを持っていなかった、誰かがすでにサイトを持っていたが、「非適応」、「複雑なCMSで」など。 彼らを助けたい。



そのような場合をキャッチ:



着信ユーザーの1人の古いサイト




サイトの最終更新日は2016年4月17日です。





フェイスブックのコンテンツの最もシンプルなサイトでさえ、ネタバレの下にあるものよりも優れているように思われます。



さて、我々は ...将来のバージョンでニューラルネットワークが追加されるプロジェクトを立ち上げました。 彼女は2分で人々のサイトを収集します。



それまでの間、Facebook APIの操作と現在の形式でのサービスの操作についてお話しできることを嬉しく思います。



脚注:



*変換を開始できるのは管理者のみであるため、レビューを含むより多くの種類のコンテンツを公開ページから取得できます。 私たちはこの問題で最初のようです。 しかし、現在はバージョンが機能しており、最初の登録でステップをスキップすることができます-すでに途中です。



** FBコンテンツを新しいプラットフォームにインポートする際の明白でない技術的な問題について、ポストロングライドが次々と集まりました。



All Articles