SNS 集客記事を書く

SNS 集客記事の書き方を、店頭POP の要素を取り入れてまとめた。

背景

今、我々の組織がSNS を使った自社の商品を売ったり予約を取る広告活動で、どうすればいいか迷っている。わたしは「お客様がより良い体験をできる商品を作ったので買ってください!この商売を続けさせてください。」と素直に話すのがいいと思っている。これが「宣伝がきつすぎると、フォロワーが増えない。」というSNS の主流意見と対立しているからだ。

わたしがSNS 記事投稿を担当していた時は、店の売り上げがゆるい右肩上がりになっていたが、写真撮影の腕利きが担当になってからは2か月間、前年度割れした。ただし、SNS のフォロワー数10倍、1記事の平均いいね!6倍、平均インプレッション10倍という好成績をたたき出している。

このちぐはぐの原因は単純に、「記事に宣伝がない」ことだろうと仮説を立てた。そこで、以前わたしが使っていた記事テンプレに改良を加えたものを後述する。

SNS 集客記事テンプレ

あいさつ:こんにちは。

自己紹介:

1)キャッチフレーズ

2)リードコピー

3)商品名

4)価格:

5)優待・キャンペーン:

来店導線:

とどめ:
お早めのご予約が安心です。

6)ハッシュタグ

数字部分は記事によって変える。それ以外は定型文でよい。

テンプレ利用例

こんにちは。

ちょっといいものをちょっと売る、桜の道商店です。
(営業日時:月~土 10:00~18:00)

春が旬の山菜、「わらび」の通販が始まりました。

当店のわらびは、身が太くて柔らかいのが特徴です。
煮物やてんぷらもいいですが、おすすめは
鰹節をかけた醤油和えです。
シャキシャキとした食感に、ほんのりとしたほろ苦さを楽しめます。
難しいあく抜きも心配無用。
こちらであく抜きしたものを
水と一緒に要冷蔵で発送します。

ただいま、春の山菜応援キャンペーン中です。
この記事を読んだお客様限定で
こごみを一束、プレゼントいたします。
ご希望の方は、通販のコメント欄に
「こごみプレゼント2019」とご記載ください。

通販のリンクはこちら。
{URL}

山菜の販売は期間限定、先着順となっております。
お早めにご利用ください。

#桜の道 #山菜 #通販 #わらび #こごみ

AutoHotKey で、アクティブなタブブラウザの今のタブでURLを開く

 

何ができるか?

AutoHotKey で、アクティブなタブブラウザの今のタブでURLを開ける

概要

ブラウザ操作のショートカット「アドレスバーにフォーカスする[Alt+d]」を使って、URLを開く

利用するアプリ

AutoHotKey
利用については「AutoHotKey Wiki」を参照

AutoHotKey は何ができるか?

Windows の操作を自動化できる

本件では何を行うか

アクティブなタブブラウザの今のタブで、URLを開く

スクリプト

備考

タブブラウザのショートカットはだいたい同じなので、Chrome などで使える。わたしはFirefox でこの操作を行っている。

AutoHotKey で、ウェブサービスに自動ログインする


何ができるか?

ウェブサービスを使うとき、そのログイン作業を自動化できる

なぜログイン状態をブラウザで維持しないのか?

重要なウェブサービスはパスワード管理ソフトで管理しており、ブラウザにログインデータを残さないようにしているため。

注意事項

個人情報を含むようなウェブサービスは、パスワード管理ソフトを使う。AutoHotKey のスクリプトは、テキストデータを平文で保存しているので記述したログイン情報の漏えいリスクが残る。

利用するアプリ

AutoHotKey
利用については「AutoHotKey Wiki」を参照

AutoHotKey は何ができるか?

Windows の操作を自動化できる

本件では何を行うか

Firefox で特定のウェブサービスを開き、ID とパスワードを入力してログインする

事例

任意のアカウント情報を使ってログインする

  • ログインするウェブサービスのURL
  • ログインID
  • ログインパスワード

login_at_Firefox.ahk

 

使い方

login_at_Firefox.ahk をダブルクリックして起動する

備考

Q:なぜわざわざIME をオフにしているのか?
A:AutoHotKey の”send” は、IMEを利用できるが、オンになっているとログイン時にただしく情報を入力できないから、オフ にする。
参考:(AutoHotkey)(IMEの制御をする 編)

フォームのバリデーションテスト用入力を自動化

何ができるか?

フォームのバリデーションチェックのための記入を、スクリプトを使って自動化できる

なぜテストを書いて対応しないの?

スクリプトでのバリデーションと、JavaScript を使ったリアルタイムバリデーションを2重に行っているから、それぞれのテストを書くよりフォーム自動入力を使って作業コストを省いている

利用するアプリ

UWSC

UWSC は何ができるか?

Windows の操作を自動化できる

本件では何を行うか

文字入力、ラジオボタンやセレクトボックスを選択して、それぞれに合ったフォームを埋める

事例

次のようにならんだ項目を埋める

  • 名前
  • 名前カタカナ
  • メールアドレス
  • 電話番号
  • ラジオボタン
  • セレクトボックス
  • チェックボックス

form_insert.UWS

 

使い方

UWSC で上記のファイルを開き、入力を埋めたいフォームの最初を選択、[CTRL + F1]、またはUWSC の「再生」ボタンを押して、フォームを埋める

WordPress で運用している複数のサイトの記事を、別のサイトに読み込んで表示する方法

何ができるか?

WordPress で運用している複数のサイトの記事を、別のサイトに読み込んで表示できる。

WordPress のテンプレートタグは使えないのか?

「複数サイト」という条件があると、使えない。

PHP でこれを付けると、同じドメインに限り記事を読み込めるが、「複数サイト」で読み込む方法が見つからなかった。

方法

jQuery で、WordPress のJSON を読み込む

“http://www.hogehoge.com/wp1/” にWordPress がインストールされている場合、次のURL でアクセスすると、JSON が取得できる。

“posts”以降の記述は、”_embed”で写真データを要求、”per_page=3” で記事を3つ取得

HTML の表示部分

JavaScript コード

複数ブログを読み込む

HTML の表示部分

JavaScript コード

Google 検索から特定のサイトを村八分にしたい

この記事のように設定すると、Chrome を使ってゲーム攻略のためにGoogle 検索しても、GameWith のサイトが検索結果に出てこなくなる。

条件

Google Chrome を使う
Google Chrome

手順

1) Chrome 拡張機能、”Personal blocklist“をインストールする

Personal blocklist

2) ブラウザ右上に表示されたPersonal blocklist のアイコンをクリックして、「インポート」をクリック
2) ブラウザ右上に表示されたPersonal blocklist のアイコンをクリックして、「インポート」をクリック

3) 該当サイトのURL を入力して「インポート」をクリック
3) 該当サイトのURL を入力して「インポート」をクリック(改行すると、複数サイトを検索除外できる)

(改行すると、複数サイトを検索除外できる)

4) インポートが完了
インポートが完了

設定前

「MHW 英雄の龍脈石」検索すると、該当サイトが表示されている
「MHW 英雄の龍脈石」検索すると、該当サイトが表示されている

設定後

検索結果から、該当サイトの検索結果が除外されている
検索結果から、該当サイトの検索結果が除外されている

「Personal Blocklist 拡張機能によって一部の検索結果が除外されています。 (表示).」の表示をクリックすると、除外された検索結果が閲覧できる。
「Personal Blocklist 拡張機能によって一部の検索結果が除外されています。 (表示).」の表示をクリックすると、除外された検索結果が閲覧できる。

備考

スマートフォンのChrome には、この拡張機能が対応していないのが惜しい。

Excel の表からHTML を書きたい

クライアントからリストを渡されて、それをHTML 化するとき、エディタでコピペするのは面倒だ。かといってデータベースを使うほどでもない時に、Excel を使う。

HTML構造

手順:

1)Excel で、品名、価格、コメントのリストを作成

表

2)Excel で、タグのセルではさまれた列に、それぞれのデータを貼り付け

HTML表 HTMLに表を貼り付け

3)タグを含んだセルを丸ごとコピーして、エディタで開いたHTML に貼り付け
例)

4)コードを整形

DreamWeaver CC
編集>コード>ソースフォーマットの適応

Eclipse
ソース>フォーマット
もしくは[Ctrl+Shift+F]ショートカット

小ネタ

ホームページから直接データを拾ってくる場合、表ならFirefox 限定で表選択(Ctrl + マウスドラッグ)ができる。

または、文章ダブルクリックで単語選択
トリプルクリックで段落選択できるので、これを利用する。

Windows 10 のエクスプローラーで、画像表示をサムネイルと詳細にすぐに切り替えたい

画像素材を探したり、レタッチした画像をエクスプローラーで確認している時、大アイコンと詳細を切り替えたい時がある。これまでは右クリックメニューの「表示」メニューを使って切り替えていたが、この切り替えボタンとショートカットがあることを知った。

何ができるか

エクスプローラーの「大アイコン/詳細」切り替えを、3動作から1動作に削減できる

方法

Windows 10で右下のボタンを押す

大アイコン表示
エクスプローラー、大アイコン表示

詳細表示
エクスプローラー、詳細表示

ショートカット

[Ctrl + Shift + 2] 大アイコン表示
[Ctrl + Shift + 6] 詳細

フォームでjQuery を使って、年月日それぞれのプルダウンメニューを、1つの項目にまとめたい

スマートフォン向けに年月日を選択できるWeb フォームで、それぞれ個別にプルダウン選択できるようにしたい。でも、送信する項目はひとまとめにしたい。

フォーム例
年月日のフォーム

対応

  • 年月日をそれぞれ3つのプルダウンメニューを作る
  • 年月日をまとめるフォーム”mydate” を hidden で追記
  • ID を割り振って、onChange でonChangeDate() を実行
    • 年月日それぞれの選択された値を取得して、”mydate”のvalue に設定

ソース