CATEGORY WEB

迷惑メールWEB

【Speaklyn】お問い合わせフォームの迷惑メールや迷惑電話を少なくする為に導入したこと。

集客を目的にされているWEBサイトであればもちろんお問い合わせフォームや電話番号を掲載されていると思います。 私ももちろん設置しているのですが、、 迷惑メールと営業電話がおおおいいぃぃぃ!! 営業マン「マンションの購入を!!」 外国「egagavmgam!! hello!!」 電話だともしかしたらお客さんからかも!と思い張り切って取りますが、、 営業電話だったり投資マンションの電話。。 営業マンの対応に時間も取られて疲れてしまいます。 私が営業電話や迷惑メールを少なくした方法と最近の便利ツールを紹介します。 迷惑電話 テレアポ 不動産投資電話を駆逐する。 WEBサイトから多く電話がくるのがSEO対策です。 WEB制作会社にSEO対策の電話かけてくるって・・・ まず調べようよって感じですが 営業の方は手当たり次第電話をかけているので営業先の会社が何をしているのか、営業お断りの注意文などはまず見ていません! ですので電話番号をネットに記載していると必ず電話はかかってきます。 対策としては電話番号を載せないになります。←これが一番有効 がそれだとちょっと心配。 数を0にはできませんが迷惑電話番号をあらかじめ拒否することができます。 電話帳ナビ 電話帳に登録していない電話番号でもデータベースを参照してどこから電話がかかってきたかが分かります。 ※データベースに登録されていない電話番号は特定ができません。 携帯電話電話番号の使い捨てをしている業者は新規で登録していただきより強力なデータベース構築になっていきます。 i-phone版 電話帳ナビ-迷惑電話を着信拒否(迷惑電話ブロック)を App Store で 「電話帳ナビ-迷惑電話を着信拒否(迷惑電話ブロック)」のレビューをチェック、カスタマー評価を比較、スクリーンショットを確認、詳細情報を入手。電話帳ナビ-迷惑電話を着信拒否(迷惑電話ブロック)をダウンロードして iPhone、iPad、iPod touch で利用。 App Store アプリインストール後i-phoneの設定方法は 「設定」→「電話」→「着信拒否設定と着信ID」→「電話帳ナビ-ユーザー拒否」と「電話帳ナビ-迷惑電話情報」 を選択してください。 Android版 電話帳ナビ-電話番号検索と着信拒否で電話のセキュリティを強化 – Google Play の Android アプリ 電話帳ナビは最高の安心をあなたに提供します。22億件以上の集計実績から相手先を瞬時に判断し画面に表示します。(通信部門売上 第4位) play.google.com アプリなので固定電話では使用できませんが有料+100円で登録されている迷惑電話番号から自動的に着信拒否してくれるので登録してからストレスフリーになりました。 お問い合わせメール対策 ボットメール 海外からのアタック対策 同じことですが、まずメールアドレスを載せないというのが一番の対策です。 まずは自動ロボット撃破! プログラムでロボットを弾く方法もありますが初心者の方にも簡単な方法を紹介します。…

WEB

instagram Feed WDやsnapwidgetのインスタグラムが表示されなくなった時の対処方法

ここ一週間で「インスタグラムの表示が消えてるんですけどー」という連絡を数件いただきました。 またまたAPI使用規約が変わったのか!?また勉強しないといけないのか。 と気が重くなっていたのですが今回はすぐに復旧することができました。 InstagramのAPIについて 2016年からインスタグラムのAPIが厳しくなりサイトに気軽に写真を埋め込む事ができなくなりました。 InstagramのAPI使用が超厳しくなったので、手順をもう一度さらっておく。 | ハリマニックス株式会社 ハリマブログ – 社長と社員が綴ります。|InstagramのAPI使用が超厳しくなったので、手順をもう一度さらっておく。|どうも!ハリマニックスのエンジニア陰山です。インスタのAPIの仕様が変わりましたねー。これまでのアクセストークンでは権限が足りなかったり、App自体を承認しないとダメみたいです。|ハリマニックス社長と社員がほぼ週刊でブログを綴ります。お仕事のこと、趣味のこと、遊びのこと。技術系や啓発系。弊社にお任せください! ハリマニックス株式会社 コーポレートサイト この手順では時間がかかるので無料で使用できる SnapWidgetとinstagram Feed WD(wordpressプラグイン)を使っています。 SnapWiget SnapWidget | Instagram Widget SnapWidget is the best way to display your Instagram, Twitter and Facebook photos on your website or blog. We offer customizable photo and video widgets for Instagram, Twitter and Facebook. SnapWidget 今回SnapWigetで表示されなかったソース これは旧式のソースを使用していたので表示がされなくなっていたようです。…

gulpWEB

Gulpタスクランナーを使って作業効率化

ここ一年で「Gulp」というタスクランナーの聞く機会が増えました。 爆速!作業効率10倍!!というコピーがあったり、今時のフロントエンドなら当たり前!という記事を見て 何度かチャレンジしましたが馴染めず、今まで使う機会がなかったです。 最近のお仕事で速度を重視する案件が多く、静的で圧縮コンパイルが必須になりツールでは限界を感じましたのでやろうやろうと思っていたGulpを勉強しました。 学習コストが低いと言われていますが結構難しかった。 Gulpとは? gulp.jsはNode.jsを使用し作業を毎回行う作業を自動化してくるビルドシステムです。 Koalaなどアプリケーションを使用してSassのコンパイルや圧縮することができますが、Gulpを使用すれば多くのアプリーケーションを使用せず、自分好みまたは案件ごとに作業の自動化をすることができます。 Node.jsインストール Node.js Gulpを使用するにはNode.jsのインストールが必要になります。 まだインストールしていない方は公式サイトよりインストールしてください。 ターミナルでバージョンが表示されたら無事インストールが出来ています。 npm Node.jsではnpmというコマンドを使用してインストールを行います。 私が紹介するのはMacの「ターミナル」を使用してのインストール方法です。 gulpインストール npmではローカルとグローバルどちらにインストールするかを選択することができます。 今回gulpはグローバルでインストールしますので-gを追加しています。 先頭にsudoを付けないとインストールできないかもしれません。 Gulpバージョンの確認 ディレクトリの作成とcd(チェンジディレクトリ) Gulpを使用したいフォルダーを作成し、ターミナルでフォルダーに移動します。 package.jsonの作成 パッケージを作成しておくことで Gulpバージョンやインストールしたパッケージのバージョンを確認することができます。 プラグインをインストール Gulp本体にはSassのコンパイルや画像の圧縮機能はありません。 必要なプラグインをインストールし設定する必要があります。 Sassコンパイル –save-dev と後ろに追加することによってインストールしたプラグインのバージョンがjsonに記入されます。 gulpfile.jsの作成 準備ができたらタスクを記述するgulpfile.jsを作成します。 下記のように宣言と処理したいコードを記述していきます。 私の場合はgulpfile.js1つで複数案件を処理するようにしています。まだまだ微調整が必要。 (自分のみで制作する場合の使用) 他社からの案件の場合は案件ごとに設定しています。 autoprefixerインストール ベンダープレフィックを自動的に追加してくれるプラグインです。 最新から2つ前まで、IEverも細かく設定することができます。 ファイル名変更 圧縮したファイル名に.minの追加や拡張子の変更をすることができます。 .pipe(rename({extname: ‘.html’})) エラーでWatchが停止するのを防ぐプラグイン Gulpではエラーが発生した場合に自動タスクが停止するのでplumberを設定しておくことでWatchを停止しないようにできます。 javascript圧縮 javascriptを1行に圧縮してくれるプラグインです。 SVG&画像の圧縮 SVGやjpeg,pngデータを圧縮してくれるプラグインです。jpegminiやtinypngを使用しなくても自動で圧縮できます。 メディアクエリーをまとめて整理するプラグイン 以前までメディアクエリーを複数箇所に記述しており、無駄なコードが多かったのですがこのプラグインを使用するとメディアクエリーをひとまとめにして整頓してくれます。 var postcss…

WEB

wordpressテスト環境から本番環境に移動する作業(SSL化、お名前.comからドメイン移管)

今回はドメイン移管→SSL化→wordpressのテストサイトから本番環境への移行作業を書いていこうと思います。 Xサーバーを使用していると無料でSSL化することができます。 SSL/TLS総合解説サイトにようこそ SSL/TLSって何? SSL(Secure Sockets Layer)とTLS(Transport Layer Security)は、いずれもインターネット上でデータを暗号化して送受信する仕組み(プロトコル)です。個人情報やクレジットカード情報などの重要なデータを暗号化して、サーバ~PC間での通信を安全に行なうことができます。 引用:https://www.sslcerts.jp/ Googleが推奨しているということもあり(ランキングが必ず上がるというわけではない) 試しに自分のサイトを移動することにしました。 以前はお名前.com + さくらサーバー で構築していました。 お名前.comからエックスドメインへドメイン移管 長くドメインを扱っていますが、移管作業は初めてでした。 下記のサイトに詳しく説明されていましたので参考にしてください。 お名前.comからエックスサーバーへドメイン移管 ドメイン移管で注意すること お名前のwho isを解除する。 ドメインのメールアドレスを使っている場合はXサーバーの再設定が必要です。 必ずローカルに元サーバーのファイルとデータベースをダウンロードしてください。 DNSサーバーの書き換えをする。 テストサイトの構築+httpsの追加 サーバーパネルからSSL設定をクリック SSL化したいアドレスを選択してクリック1つで完了です。 httpsへのリダイレクト サイトをXサーバーに移動したらまずhttpからhttpsへのリダイレクト設定をしましょう。 htmlデータのリンクをhttpsに変更 内部リンク、外部リンクの変更 http:// → https:// http:// → // WordPress管理画面の変更 Wordoressアドレス https://example.com サイトアドレス(URL)https://example.com AmazonアソシエイトのリンクをHTTPS化へ Google AnalyticsとSerch Consoleのアドレスをhttpsへ アナリティクスはアドレスの変更ができますが、Serch Consoleは再度httpsで登録する必要があります。 静的ページからのリダイレクト設定 静的ページからワードプレス化する場合は301リダイレクトするように設定しましょう。     テストから本番へDBの上書き この書き換えだけでは変換されない部分がありますので、本番環境の管理画面で変更しましょう。 特にプラグイン関係のアドレスが変わっていない場合が多いです。 phpMyAdmin以外でのDB書き換え方法 searchreplacedb2.phpを使ってデータベース内のURLを書き換える方法があります。…

WEB

無料で使用できる予約システムの紹介

無料で予約管理や顧客情報の管理ができるアプリがあるので 私が使用した無料予約アプリを紹介します。 こんな方にオススメ! 電話のみの予約なので対応が大変 お客さんの情報がアナログで保管しているのすぐに分からない 少しでも予約の手間を少なくしたい パソコン操作が苦手なのでiPadやi-phoneで操作したい パソコン、タブレット、スマートフォンでデータ共有ができるのでどこでも確認できる。 予約システム Coubic (クービック) https://coubic.com/ 無料機能だけでも十分利用できます。 フラットデザインで1ヶ月表示のカレンダーなのでどの日が空いているかがすぐわかる。 自社サイトにボタンの設置もでき、予約ページはスマートフォンにも対応しています。 顧客情報では何回目の来店か以前はいつ来たかがすぐにわかります。 お一人でやられているオーナーや1対1での接客業の方にオススメです! 決済サービスまでできるのでドタキャンなどが少なくなるかも。 無料ではできない事 団体予約ができません。これができないと同じ時間帯に2名の予約を取る事ができません。 予約受付時間・キャンセル期限ができないので無料版ですと空いていると10分前から予約できてしまいます。 お客さんへのDM配信ができません。 他にも有料にするとできることが増えますが、実際使用してこの3点がやっぱり欲しいと思いました。 Airリザーブ https://airregi.jp/reserve/ Airレジで有名なリクルートが開発しているサービスです。 すべての機能が無料で利用できるのでおすすめです。 顧客情報がAirレジと共通なのでAirレジとの相性が抜群! 24時間予約可能で予約受付やキャンセル期限も無料で設定できます。 おしいところ 予約が1週間の時間軸なので先の予定が見えにくい。 事前設定タイプと自由受付タイプが気軽に変更できない。 日程、時間が決まっていないイベント運営をされている方には不向きです。 RESERVA https://reserva.be/ プランや部屋ごとに値段を設定できます。 月100件までの予約でしたら無料プランで使用できます。 有料プランに切り替えることで件数や追加機能を増やすことができます。 おしいところ 旅館など複数部屋がある場合には100件をすぐ超えてしまいます。 有料予約システム 1ヶ月無料など2ヶ月目から有料になるシステムは今回ははずさせてもらいました。 Microsoftが予約サービスの提供ができるようになるみたいですねー。 Googleでもこんなサービス作ってくれた嬉しいです(^ω^) Bring in business 24/7 with Microsoft Bookings  

WEB

2016年5月でも使えたGoogleフォームでの返信スクリプト

最近はお問い合わせフォームにGoogleフォームを使用しております。 今まではphpでフォームを作っていたのですが、 Googleフォームはお客さんでも簡単に作成できて確実にデータを受け取ることができるからです。 Googleフォームのデメリットとして標準機能では自動返信メールやBccなど普通のフォームのような機能がありません。 ですがGoogleAppScriptを使用することによって自動返信メールを送信することができます! 「GoogleAppsScript 自動返信」で検索すると2014年と古い記事が多かったです。 昔の記事には注意! 特にプログラムをよくわかっていない人は要注意です。 コピペで動いていてGoogle側で更新されるとスクリプトが正常に動かなくなります。 undefined のメソッド「getItemResponses」を呼び出せません。 こんなエラーが出たりします。 がんばって修正しようとしましたがGoogleAppScriptに詳しくない為、断念・・・ 動くスクリプトはないかーないのかー。 Googleフォームで自動返信システムをサクッとつくる 参考させていただいたサイト ascii.jp/elem/000/000/879/879412/index-4.html こちらのサイトに書いてある通りに記述するとエラーもなく自動返信ができました。 function submitForm(e){ var itemResponses = e.response.getItemResponses(); var message = ”; var username = ”; var mail = ”; for (var i = 0; i < itemResponses.length; i++) { var itemResponse = itemResponses[i]; var question = itemResponse.getItem().getTitle(); var…

WEB

ブログを書けばホームページのランキングが上がるという話

ホームページのランキングを上げるには自社ブログを毎日書かないといけませんよ! なんて話を聞いた事はないでしょうか? 毎日書いているのになんでランキングが上がらないのよ! と思ってる方もいると思います。 ブログを書く事は大切ですが、なぜブログを書くことが大切なのかを理解する必要があります。 ブログを書くメリット 初期のコンテンツでは見えないお店や会社の細かい情報や雰囲気を知っていただけるチャンスがあります。 最近はSNSで細かい情報を発信できますが、ホームページのブログを使用する事によってお店を知らないお客さんの獲得やホームページ全体の質があがります。 書いても書いても効果がないんですけど 一言で言ってしまうと「運」もあります。 いいブログを書いていても残念ながら見てもらう機会がない場合もあります。 中身の少ないブログや関係のないブログですともちろん検索にも引っかかりません。 ターゲットを絞って役に立つ記事を書く事が多くの方に見てもらえる機会が増えます。 あとは量です。 500記事を目指してブログを書いてください! 100記事でも結果はまだ分かりません。 ここで諦める方が多いのですがブログの記事数とアクセスは棒グラフのようには増えません。 アクセスは2次曲線のように増えるので500記事を書いた後であれば実際に効果があったかはっきりしたデータが分かります。 ブログを書くのも大変 優良な記事を書く事は大変ですが、得意な方と不得意な方がいます。 はじめはテーマやコンテンツの内容を決めすぎづ、数十件記事ができたらテーマを決めていけばいいと思います。 まずは諦めずに無理せずブログを書いていく事をお勧めします。

WEB

ホームページの目的を考えよう!

スマートフォンサイト、英語サイト、Retinaサイト、レスポンシブWEBも作りたいなー ちょっと作る前に考えてみませんか?? 集客をするにはブログをしないといけないんですよね? そんなことありません! ブログをしていないサイトでも集客が多いサイトもあります。 お店、サービス自体が人気。 1つ1つコンテンツがしっかり作られており、訪問者が満足するページ作りがされている。 キーワードのチョイスが絶妙。 運!たまたまだけどアクセスされる。 強豪他社が少ない。 確かに更新することは大切ですが、意味のある記事を書かなければいけません。 PCサイトとスマートフォンサイトを同時に進めていくパターン。 制作会社で働いていた時はこのパターンがほとんどでした。 公開までのサイトはデザイン変更、修正や校正作業が多いです。 お客さんからは「明日までのパソコンとスマートフォンサイト両方なおしておいてねー」 と言われ数人で朝まで作業した時もあります。 PCサイトを作ってからスマフォサイトを作ればいいのに。。 スマートフォンサイトは必要かもしれませんが、 まず自分のサイトをつくり効果があるようであればスマートフォンサイトをつくりましょう! そうすればコストも時間も節約できます。 レスポンシブWEBにすれば値段が安く PCサイトとスマートフォンサイトを作れるんですよね? レスポンシブWEBサイトは流行っています! ですが完璧なWEBの形ではありません。 安くで作ってくれる会社を探すのではなく、 希望予算でできることを真剣に考えてくれる会社を見つけた方がいいとも思います。 ホームページをランサーズで依頼するのはリスクが高い ランサーズというクラウドで仕事をお願いできるサービスがあります。 クオリティが高く、ロゴであれば数万円で100パターン提案してくれます。 ロゴの依頼であれば、デザインデータをいただければそこで完了になります。 ホームページは作ってからが大切です! 私のお客さんで実際にあったパターンで、 30万円でランサーズでホームページを制作していただいたようです。 運用から1年後 「もっとこうしたいなー」と思い制作していただいた方に連絡をとると… 連絡が取れない。。 メールの返信も帰ってこない。。 ここでまた1つ問題があり、 サーバー情報さえもお客さんは知りませんでした。 最終データだけ引き出す事ができましたのでサーバーの引っ越しを行い、お客様にサーバー情報を管理していただくようにしました。 ホームページの知識がないと見た目が綺麗でも中身がぐちゃぐちゃの時もあります。 クラウドワークスに依頼する時はリスクを考えてお願いするといいです。  

WEB

wordpressプラグイン「SiteGuard」によってIOSでログインできなくなった。

SiteGurad WP Pluginは、管理ページとログインに関する攻撃からの防御に特化したセキュリティプラグインです。 こんないいプラグイン使うしかありません! 今までwp-admin.phpでログインできたアドレスが リダイレクトによって違うアドレスからログインできるようになったり。 ログインページ、コメント投稿に画像認証をつけれるようになり、 攻撃されないようにするプラグインです。 プラグインを入れたのはいいのですが、これを入れたことによってi-phoneアプリでログインできなくなりました。 一つ一つ機能をOFFにして試したところ画像認証のログインページを無効にすることによって iosアプリでも正常に動くようになりました。 同じ悩みで困っている方がいたら参考にしてください。

MOVIE

新OS yosemiteを入れてからインストールしたアプリと設定

yosemiteを使用して3日目です。 10.6.8縛りがなくなったので好きなアプリが入れ放題です♫ 便利だと思われるツールやアプリをご紹介します。 少しアプリに偏りがあるかもしれません。 Appstore 1Password i-phone版も購入していたので、これでパスワードを一元管理できるようになりました。 ダウンロード LINE メールよりも使用頻度が高い連絡手段です。 画像、動画も自動で変換してくれるのでオススメ! ダウンロード Xcode i-phoneアプリ開発ツール。 アプリ作りたかったんですよ! ダウンロード FreeMan メモリの消費量を目で見たかったので、有料ですが購入しました。 アプリによっての消費が分かるので低スペPCには必須です。 ダウンロード Mplayer 動画再生アプリです。M2TSなどのマニアックな拡張子にも対応しています。 ダウンロード Coda2 Mac専用エディターです。 インターフェイスが美しくFTP機能もついています。 Coda2.5はAppstoreで販売されないようです。 ForkLift FTPアプリの用です。まだ使ったことが無いですが 評判のいいFTPなので今後使っていこうと思っています。 ダウンロード Evernote アイディアや記事を保存しています。検索やタグを設定しておくと便利! ダウンロード ClamXav ウィルス対策ソフト。これが一番ということもないのかもしれませんが 長い付き合いで守ってくれているので引き続きお願いしようと思いました。 ダウンロード OneDrive hotmailのクラウドストレージ 30Gの容量を使用することができます。 ダウンロード WinArchiver Lite Windows用に圧縮zipを作ることができます。 お客さんや友達に送るときに使用すると文字化けの心配がありません。 ダウンロード The Unarchiver 解凍ソフト。とりあえず何かしら解凍できます。 ダウンロード StuffIt Expander 解凍ソフト。それでも解凍できない場合はコイツの出番だ! ダウンロード…