例題 | On the ghost Internet

僕らはSNSでものを買うを読み終えたのでレビューWEB担当者用。#ウェブ担

2020.01.16

『僕らはSNSでものを買う』を読み終えたのでレビューします。
この結構まとえたWEB集客のノウハウを書いた本だなと思っています。
良かった点は何と言ってもSNSを使ったSNS集客の原理法則が書かれていた事です。しかし例題のような物は書かれていなく、どちらかと言えばそこは適材適所なので自分たちで考えましょうというニュアンスが強いですね。

昨日読了しました。
WEB担当や広報の方は読んでみて。

おすすめの本の紹介:『僕らはSNSでものを買う』(飯髙悠太著) https://t.co/KWGLYXqRxo pic.twitter.com/j9vy7duuUQ
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) January 12, 2020

それもそのはず、SNSのアカウントって殆どひとが開設して個人が情報発信やシェアのために使う物なのです、なのでまずはニーズが合致したユーザーを集客することから始めないと意味がないわけです。そのため本には具体的な方法は書かれていません。そこはWEB担当者が考えないといけないところです。

UGC（ユーザー投稿コンテンツ）やULSSAS（ SNS時代の行動購買プロセスのことです）についての解説はわかりやすく書かれていますので良いかなと感じました。ちなみにサイト離れ進んでおり2020年は5G（ファイブジィー）の流れもあることからSNSからの集客は必須かと思います。

なぜサイト離れが進んでいるかと言えば、Gさんなどからの検索よりも口コミやSNS口コミ、評判、シェア等によるサイトへの訪問が増えてきているそうです。ついついIT関係者はパソコンで作業することが多いのでその延長で自宅でもパソコンを使用している人が多いかもと考えがちですが・・・。時代は流れ殆どの人はパソコンではなくスマホやタブレットなどからのサイトを訪れる人が増えているため、TwitterやInstagramなどのアプリから検索を使用してという形が主流になっているそうですよ。

そういう観点からも『僕らはSNSでものを買う』はWEB担当者は読んでおいて損はない本だと思います。

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

投稿日時 2020年01月16 10:00日

タグ

SNS, UGC, ULSSAS, web, アカウント, ウェブ, こと, コンテンツ, サイト, シェア, そこ, それ, ため, ところ, どちらか, ニーズ, ニュアンス, ノウハウ, パス, ひと, プロセス, もの, ユーザー, レビュー, 事, 例題, 個人, 僕ら, 原理, 合致, 情報, 意味, 投稿, 担, 担当者, 方法, 時代, 本だな, 殆ど, 法則, 点, 物, 発信, 結構, 自分, 行動, 解説, 購買, 適材適所, 開設, 集客, 離れ,

TinyMCE 5.0でオリジナルプラグイン作成するはググれば何とかなるが？

2019.07.27

Logging

TinyMCE 5.0で独自のプラグインを開発するにあたって
ググれば4.0で作成する方法は山ほど例題があるのだけど5.0は
非常に少ないtinymce.windowManager.openを使用してのプラグインは
5.0でも案外簡単に見つかるのだけど、tinymce.windowManager.openUrlを
使用しての情報はググってもない。
唯一、公式サイトが記載しています。
しかし残念なことに全て英語で書かれています。
日本語で記載しろよという話だけど・・・・。
で！！tinymce.windowManager.openUrlで
何が出来るかと言えば外部ファイルを
読み込みが出来てそのレスポンスを受け取る事が出来るのです。
英語が嫌いでも原文で英語を読め！！ですよ・・・。
答えはそのページに書いているのですね。
※ちなみに会社でこの機能（e.windowManager.openUrl）を
使用し開発中です。
たぶん、自分みたいに困っている人もいると思うので
基本的な部分を記載しています、なお自作プラグインの作り方は
理解しているという前提で記載しています。
まず例としてPHPファイルを読み込みたいのなら
自作プラグインのPHPファイルに下記の記載を行います。

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/tool/bootstrap/css/bootstrap.css">
        <script src="/tool/jquery/jquery-3.4.1.js"></script>
    </head>
    <body>
        <form method="post">
        <input type="text" name="L_japan" class="form-control">
        <input type="text" name="L_English" class="form-control">
        <input type="button" name="submitbtn" value="恩恵を受ける"class="btn btn-primary">
        </form>
        <script>
            var chageJson = function(data) {
            console.log(data);
            var JsonData = [];
            for (i = 0; i < data.length; i++) {
                JsonData[data[i].name] = data[i].value
            }
            //console.log(JSON.stringify(data));
            return JsonData;
            }
            $("[name=submitbtn]").on("click",function(){
                data = chageJson($("form").serializeArray());
                window.parent.postMessage({ mceAction: 'customAction',data:data});
                window.parent.postMessage({ mceAction: 'close' });
            });
        </script>
    </body>
</html>

PHPファイルはこのような感じでjavascriptが大事ここで、
submitを行っています。
当然、~~JSON形式で返却しましょう~~。公式ページにも書かれいますが
mceActionで制御しましょう。
プラグイン側のJSは下記のようになります。

(function() {
    tinymce.create('tinymce.plugins.language_boon', {
        init : function( ed,  url) {
            console.log(ed);
            act =function(ed)
            {
                ed.windowManager.openUrl(
                    {
                    type: 'panel',
                    title: '恩恵を受ける',
                    url:url + "/language_boon.php",
                    onMessage:function(api, details){
                      console.log(api, details);
                      console.log('オレオレjapan', details.data.L_japan);
                      console.log('オレオレEnglish', details.data.L_English);
                   }
                });
            };
            // window.addEventListener('message', function (event) {
            //   console.log(event);
            //   var data = event.data;
            //   console.log(data.data);
            //   if(ed.settings.id == data.data.id_){
            //     console.log('オレオレjapan', data.data.L_japan);
            //     console.log('オレオレEnglish', data.data.L_English);
            //   }
            // });
              ed.ui.registry.addButton('language_boon',{
                title : '恩恵を受ける',
                text: '恩恵',
                onAction:function(){act(ed)}
            });
        },
    getInfo : function() {
        return {
            longname : 'tinymce.plugins.language_boon',
            author : 'taoka',
            authorurl : 'https://zip358.com',
            infourl : 'https://zip358.com',
            version : '1.0'
        };
    }
});
        tinymce.PluginManager.add('language_boon', tinymce.plugins.language_boon);
})();

公式ページは下記のリンクより
https://www.tiny.cloud/docs/ui-components/urldialog/#urldialoginstanceapi
サンプルサイトはこちら
https://zip358.com/tool/editor/

著者名 @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

投稿日時 2019年07月27 08:28日

タグ

4.0, 5.0, open, openUrl, TinyMCE, windowMan, windowManager, オリジナル, こと, サイト, ファイル, プラグイン, ページ, レスポンス, 事, 会社, 何, 作成, 使用, 例題, 全て, 公式, 原文, 唯一, 外部, 嫌い, 山ほど, 情報, 方法, 日本語, 機能, 残念, 答え, 簡単, 英語, 記載, 話, 開発,

@Blog

日常日誌からプログラムやYOUTUBER紹介、旅日記まで日々更新中です。

僕らはSNSでものを買うを読み終えたのでレビューWEB担当者用。#ウェブ担

TinyMCE 5.0でオリジナルプラグイン作成するはググれば何とかなるが？