[javascript]GETパラメータをページ内の内部リンク全てに付与する

特定のURLパラメータがある場合に、全ページに同じパラメータを渡す必要があり、、
やり方を調べたのでブログでもシェアします。

jQueryとPurlライブラリを読み込む

Purlは以下からダウンロードをします。
GitHub – allmarkedup/purl: [NO LONGER MAINTAINED] A JS utility for for parsing URLs and extracting information out of them.

<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='purl.js'></script>

JavaScriptコード

以下のコードにて全てのaタグにGETパラメータを付与します。
外部リンクにはパラメータは不要なため、内部リンク(http://~から始まるドメイン名および相対パス)にのみ付与する処理をしています。

jQuery( function( $ ) {

 //GETパラメータが無い場合は処理終了
  if (location.search == '') {
    return;
  }

  //GETで取得する値
  var req_params = $.url(location.href).param();
  var reg = new RegExp("^(https?:)?\/\/"+document.domain);

  $('a').each(function(){
    var url = $(this).attr('href');
    if(typeof url !== "undefined") {
        if (url.match(reg) || url.charAt(0) === "/") {
            //内部リンク時の処理
            var parsed = $(this).url();
            var old_params = (parsed.attr('query') == '') ? {} : parsed.param();
            var new_path = parsed.attr('path') + '?' + $.param($.extend(old_params, req_params));
            $(this).attr('href', new_path);
        }
    }
  });
});

すでにリンク先に指定のパラメータがある場合も想定されるため、
既存のパラメータにマージする処理をしています。

以下のサイトを参考にさせていただきました!
jQuery クエリパラメータを全リンクに付加

続きを読む

[PHP7]Feedwordpressで「Warning: Parameter 2 to SyndicationDataQueries::posts_search() expected to be a reference, value given in」のエラーが出た場合の対処方法

XserverでPHPバージョン7.1を使用した際にFeedwordpressでエラーが出るようになったので対象方法をメモ。

続きを読む

apacheでBASIC認証をかけてもダイアログが表示されない場合の対処方法

本日ApacheにBASIC認証をかける作業を行ったのですが、
ID/パスワード入力のダイアログが表示されずハマったので自分用にメモ。

続きを読む

CPAN使用時にCan’t locate Socket.pmが出る場合の対処方法

本日とある専用サーバーでcpanをインストールしようとしたところ、エラーが出たため対象方法を自分用にメモ。

Movable Type6をインストールするためにCPANモジュールをインストールする際にハマりました。

続きを読む

CPIサーバーへSSHで接続する方法

本日CPIサーバーへSSH接続する必要があったのでやり方を自分用にメモ。

以下に手順をまとめます。

続きを読む

これからブログを始めるならWix.comが良いかも

これからブログを始める場合、無料ブログが使えるサービスはいくつかあると思いますが、
中でもwix.comのブログを始めると良さそうだなと思ったのでご紹介。

Wix.comは2008年にβ版がリリースされてから、現在では世界一億人ユーザーが使う無料ホームページ作成サービスです。
見た目に美しいデザインがドラッグ&ドロップで簡単に作れるのが特徴で、
カスタマイズも直感的に可能です。

ネットに詳しくない方でも使いやすいインターフェイスになっているのが特徴です。

そんなwix.comですが、実はブログも作れるのはご存知でしたでしょうか?

Wix.comのブログはデザイン性が高く綺麗なテンプレートからカスタマイズが可能な事や、
写真や動画がボタン一つで投稿できること、SEO対策としてパーマリンクやメタ情報も設定機能もある非常に高機能なブログサービスになっています。

こんなにすごい仕組みなのに無料なのが驚きですよね。

ブログを始めて見たい方、もしくは今のブログサービスに満足していない方のために、使ってみた様子をご紹介。

ブログの始め方

まずはwix.comのブログ開設ページにアクセスをします。

↑「今すぐはじめる」をクリック

↑テンプレート選択画面から、好みのデザインを選びます。
ビジネス・ネットショップ・写真・飲食店・イベント・美容・健康向けなど16カテゴリ、400個以上のテンプレートから選ぶことが可能です。

↑テンプレートを選んだら、ブログのタイトルや位置を自分好みに変更します。
ドラッグ&ドロップで直感的に操作ができるので、見た目にもこだわる事が可能です。
背景の変更やテキストの修正など、リアルタイムに修正できます。

Liveチャット機能の追加やフォーラムの追加など、機能単位の「アプリ」を追加する事で機能を追加していく事も可能です。

↑ブログ・パーツも設定可能。画面は新着記事を追加する様子です。

↑ブログパーツはその他にも関連記事の表示機能、Facebookコメントの表示なども設定可能です。

これだけ沢山の機能があれば自分好みのブログにカスタマイズできますね!

ブログ投稿に便利な機能

ブログ投稿時の機能も非常に便利なものが揃っていますのでご紹介です。

↑シンプルなブログ投稿画面
ボタン要素をアイコンにする事で画面全体がすっきりとしていて、書くことに集中出来るようになっています。

↑画像のアップロード画面。自分のコンピューターからアップする以外にも
無料フリー素材から選択可能です。
この写真が非常に沢山あるため、写真に困る事はなさそうです。
ビジネスでブログを立ち上げる場合などで、他のサイトで使っている写真と被らないようにしたい場合は、有料のbigstockの写真も割引価格で購入可能です。

↑画像ギャラリーの作成。自動再生のOn/Offやスライドショーの表示時間についても細かく設定が可能。
レイアウトをタイル型に変更する事も出来ます。

↑動画の投稿もボタン1つで可能に。
YoutubeとVimeoからキーワード検索をして貼り付ける事ができます。
その他にもGIFアニメの貼り付けも同じように操作可能です。

↑HTMLタグを挿入したい場合も専用の入力ボックスから可能。
JavaScriptやiframeも挿入出来るので、
FacebookやTwitterのウィジェットや、他のサイトのパーツを埋め込んだりする事も可能です。

↑SEOの設定が記事入力時に可能です。
metaタイトル、metaディスクリプション、記事抜粋を指定する事で検索に引っかかりやすくする設定が可能なのです。
URLパーマリンクの指定、モバイルタイトルも指定出来るようになっています。

↑関連記事の指定が可能。
過去に投稿したブログ記事から検索し、どの記事を関連記事エリアに表示するか指定します。

モバイルエディタ

↑モバイルの見え方は「モバイルエディタ」に切り替えて設定できます。
モバイル版ではブログパーツの追加は出来ないようになっています。

見栄えの調整が主な用途になりそうです。

最後に

ブログは作って終わりではなく、記事を更新してコンテンツを追加していく必要があります。
長く使うために必要なのが使いやすさだと思っていて、
どんなに高機能でも使いづらかったりすると、続けて行くのは難しいと思います。

その点、Wix.comのブログは非常に使い勝手が良く、初心者の方も直感的に使えるので途中でつまずく事なく設定ができると思います。

興味のある方はぜひ使ってみてください。

続きを読む

Macで使いやすい画面キャプチャソフト「Annotate」

Macで使いやすい画面キャプチャソフトを探していたら
Annotate」と言うソフトを教えてもらったので自分用にメモ

続きを読む

チェックボックスにチェックを入れた時だけリンクさせるJavaSccript

自分用にメモです。
チェックボックスにチェックを入れた時だけ、ボタンを押せるようにするjavascriptです。

jQuery必須。

続きを読む

動画マーケティングで始めるオンライン講座

2017年も早くも1ヶ月が経ちましたね。

みなさまはいかがいかがお過ごしでしょうか?

私は今年は
自分と向き合う時間をつくっています。

仕事をしているとどうしても目先の事で忙しくなり、
じっくり考える時間が出来なくなってしまいます。

出来る限り効率的に、
かつファン作りや集客もしっかりやっていきたい物です。

さて、本日はセミナー講師をしたい方やすでにされている方や、
これから集客を始めていきたいと思っている方におすすめの
動作マーケティングについてのお話をしたいと思います。

「動画で自分の価値や情報を伝える」という選択肢があると
影響力を及ぼせる範囲が、非常に広がります。

例えばですが、地方に住んでいて、パン教室のお仕事にされている方が、
「自宅で出来るパン作り動画講座」を作れば、
全国のパン作りをしたい方に情報を届ける事が出来るようになります。

なかなか集客ができる都会に出ていけない方も
自宅や近隣で活動する事が多い方も
「距離」と「時間」と言う制約を外すことができるのです。

動画講座を作ることで、
参加メンバーのフォローに回る事が出来、手厚く対応する事が可能にもなります。

動画講座のメリットを以下にまとめてみました。

全国どこにいても受講可能

やはり地域が遠いとハードルがどうしても高くなります。

遠くにいる人にも、自分の言葉で情報を伝えられるメリットがあります。

セミナーに通うための、交通費・宿泊費が不要

通常遠方から参加する場合は、移動のための電車・新幹線や飛行機代がかかりますし
懇親会などもある場合だと宿泊をしないと帰りの便が無い事も多いです。

私自身も半年以上、毎月飛行機で通った経験があるので
この辺の費用は結構痛いです。

動画は何度でも見ることができます

一度聞いただけでは実践出来ない事も多々あります。(自分の場合はですが・・)
何度も繰り返し聞ける事で、自分の中の腑に落とす事が可能です。

一緒に頑張れる仲間と出会えます

動画コンテンツにコメントが書き込めると、その中で交流が生まれてきます。
コミュニティが生まれれば、自然と人は集まってきます。

これから動画講座を始めたい方へ

Wixビデオを使用する事で簡単に動画のHDストリーム再生、有料配信、定期購入などが可能になります。
インストラクターの方の口座や料理教室のレッスン動画など、様々に活用が可能です。

wixビデオは、ホームページ作成サービスのWix.comが提供しているサービスです。

動画のアップロード方法

動画を直接アップロードも可能ですし YouTube、Vimeo、Facebook から追加も出来るようにになっています。

スマートフォン対応の動画プレーヤー

やはり今はスマートフォンからのアクセス対策が非常に重要です。
スマートフォンで見やすいコンテンツだと、何度もリピートして見れますね。

HD画質のストリーム配信

HD画質のため、画質が重要なコンテンツもしっかりと配信が可能です。

有料配信に対するコミッションは一切なし

通常、有料配信可能なサービスは、何パーセントかはプラットフォームに支払う必要があります。
しかし、Wixビデオをあればコミッションは一切無しとの事。
これは太っ腹ですね。

ライブストリーミングや 360 度動画にも対応

ライブストリーミング対応する事でリアルな今を共有できたり、
360動画にも対応する事で最先端の動画コンテンツ作りが可能です。

最後に

まだ動画コンテンツなんて自分には早い、
「動画コンテンツって言っても何のテーマでやろう…」
とお悩みになる方もいらっしゃると思います。

そんな時は自分の「好き」を載せたらいいなと思っています。

例えば、パン作りが好きで、それをやっていきたい場合。
本当に色々なテーマがあると思います。
例えば、子供と作るパン作り、とか
恋人、奥さん、旦那さんに作ってあげる、とか
お皿の選び方とか
保存の方法とか、
何が好きなのか?パン作りの中でも何に興味が向いているのか?は、
表現して、人に見せると、
どんどんはっきりしていきます。

そうして自分のカラーを出していった時に
この人のレシピを作ってみたいな、とか
この人の話を聞きたいな、って
どんどん興味が沸いてくるんです。

パン作りにかぎらず、占いだったり、ファッションだったり、プログラミンだったり
なんでも同じです。

そして一つのテーマに絞れない場合は、
最初から絞らなくて良いです。

なんとなくぼんやり面白そう、やってみたいな、
これだったら出来そう、って思った事から
発信していって良いんです。

もっと、自分を表現して良いんです。

発信していきましょう。

こんなことみんな知ってるし〜

これくらいみんな分かってるだろ〜

って思っている事ほど、

実は他の人にとっては

へ〜〜〜〜〜〜〜〜〜!!

って感動する事があるんです。

ぜひ挑戦してみてくださいね

続きを読む

スマホに登録しておくと便利な顔文字集

にこっ

(ღ′◡‵)
(๑′ᴗ‵๑)
(*´◡`​*)
(´‿‿`)
(◍•ᴗ•◍)
ლ(╹◡╹ლ)
(◕‿‿◕)
(▰˘◡˘▰)
( ・´◡`・ )
(´◉◞౪◟◉`)
(* ՞ټ՞)
(*≧∇≦)ノノ☆
。(`Д´)ノ了解であります!!!

驚いた

ლ!๏_๏!ლ 
(´༎ຶ۝༎ຶ)
щ(ʘ╻ʘ)щ 
(๑°⌓°๑)
( ☉_☉)

がーん・えーん

。:゚(;´∩`;)゚:。 
(゚o゚;; 
щ(゚Д゚щ)
(╯⊙ ⊱⊙╰ ) 
(◞‸ლ)
(◞‸◟)
(இдஇ; )
(☍﹏⁰)
(╯ᆺ╰๑)
(╥Д╥ )
(⊛╹〰╹⊛)
(☍д⁰)
Σ(゚д゚lll)

おいしい

(๑´ڡ`๑)
( *´ސު`*)

プンプン

(╬ಠ益ಠ) 
ヽ(`Д´)ノ 
(╬ Ò ‸ Ó)
(,,Ծ‸Ծ,, )
(╬◣д◢)

微妙・・・

( ꒪⌓꒪)
(・д・)
(´・ω・`)
(´・_・`)
(´・ω・`)ノ
(・ェ・∪)

いろいろなアクション

_(┐「ε:)_❤
((≡゚♀゚≡)) ドラえもん

続きを読む

1 / 7612345...102030...Last »