@Blog{zip358.com}
日常日誌からプログラムやYOUTUBER紹介、旅日記まで日々更新中です。
検索されなかったワード埋もれた価値について! #javascript #php
2022.09.26
おはようございます、今日は引き落とし日です🫠。
さて、今日は検索されなかったキーワードの価値のお話です。此処で言う検索されなかったというのは、エンターキーや検索ボタンを押さなかった、キーワードの価値のお話です、たぶん、その情報をGさんは収集してそうな気がします。GサイトやYサイト等のキーワード収集は基本出来ませんが、自サイトの検索フォームの情報を収集出来ます。
此処からは技術的なお話になりますが、検索ボタンを押した時とは別に文字入力をしたときの挙動を感知するプログラムを導入する事により比較的簡単に導入できるかと思います。例えば下記のようなjavascriptコードを検索フォームに導入します。
document.getElementById("sh").addEventListener("input",(e)=>{
$.ajax({
type: "post",
url: "example.com/sh.php",
data: {text:this.value},
dataType: "json",
success: function (response) {
}
});
});
あとはPHP側でデータを受信しデータベース等に保存すれば良いだけです。この検索されなかったワードは、結構価値があると思います。より細かな情報を取得したい方はIPアドレスやどのページからの情報なのかも取得可能です。
これらのデータを元に販路開拓は十分出来ると思います。情報を保存する際に大量の情報が収集されるので、保存先に一工夫必要になります。JSで制御する手段もありますが、それだとあまり情報収集出来ないですからね。
因みにこのサイトに情報収集の処理は導入していません(今後の導入は未定)。
著者名 @taoka_toshiaki
※この記事は著者が40代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
addEventListener, ajax, document, getElementById, gt, input, javascript, php, quot, sh, エン, お話, キーワード, コード, サイト, ターキー, とき, フォーム, プログラム, ボタン, ワード, 下記, 事, 今日, 価値, 入力, 収集, 基本, 導入, 情報, 感知, 挙動, 文字, 日, 時, 検索, 此処, 気, 簡単, 自,
ページ無限スクロールの作り方 #インフィニティ#InfinityPageScroll #JavaScript
2022.09.22
おはようございます、台風14号が過ぎ去ってからいきなり秋模様ですね🫠。
さて、先日ツイートしたページ無限ループが出来るJavaScriptコードを書きました。これを作ろうと思ったキッカケは、自分が運営しているWordPressサイトに巷のページ無限スクロールプラグインが尽く(ことごとく)使用出来なかったので自分で自作した訳です。因みにページ無限スクロールプラグインとはページを送りをしなくてもページの最下までスクロールすると次頁を読み込んでくれるプラグインの事を指します。
下記のコードは自サイト専用なのでそのまま使用することは出来ませんが、重要な部分だけ抜き取って再利用すれば、独自のページ無限ループに対応することは可能かと思います。
コードを読んで頂ければ分かることですが、重要なポイントはページを読み込む方法とそれをDomに変換する方法だと思います。まず、ページを読み込む方法は下記のファンクションで可能です。
fetch(next_url).then(
response => response.text()
).then(data => {
そしてDomに置き換えている所はこの部分になります。これら2つの箇所が重要になります。
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
これらの事に注意して独自コードを書いてみてください。最後に全コードを記載しときます。
let cnt = 2;
let blk = 0;
async function nextpage() {
if (cnt !== blk) {
blk = cnt;
await (async () => {
let next_url = "https://fox-black.com/blog/page/" + cnt;
return await fetch(next_url).then(
response => response.text()
).then(data => {
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
let blogs = doc.querySelectorAll('.blogpage');
cnt++;
if (blogs[0].innerHTML !== undefined) {
document.querySelector(".foxpage").insertAdjacentHTML("beforeend", (function (elm) {
let str = "";
for (const key in elm) {
const element = elm[key];
if (element.innerHTML !== undefined) {
str += "<div class=\"blogpage\">" + element.innerHTML + "</div>";
}
}
return str;
})(blogs));
} else {
if (document.querySelector("#fin") === null) {
document.querySelector(".foxpage").insertAdjacentHTML("beforeend", "<div id=\"fin\"></div>");
}
}
}).catch(error => {
if (document.querySelector("#fin") === null) {
document.querySelector(".foxpage").insertAdjacentHTML("beforeend", "<div id=\"fin\"></div>");
}
});
})();
}
}
if (navigator.userAgent.match(/iPhone|Android.+Mobile/)) {
window.addEventListener("scroll", async function () {
let s = (() => {
let tgt;
if ('scrollingElement' in document) {
tgt = document.scrollingElement;
} else if (this.browser.isWebKit) {
tgt = document.body;
} else {
tgt = document.documentElement;
}
return tgt;
})();
if (document.querySelector("#fin") === null && s.scrollTop >= (s.clientHeight - 650)) {
await nextpage();
}
});
} else {
document.querySelector(".foxpage").addEventListener("scroll", async function () {
if (document.querySelector("#fin") === null && document.querySelector(".foxpage").scrollTop >= (document.querySelector(".foxpage").scrollHeight - 300)) {
await nextpage();
}
});
}
著者名 @taoka_toshiaki
※この記事は著者が40代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
14, dom, InfinityPageScroll, javascript, WordPress, インフィニティ, キッカケ, コード, こと, これ, サイト, スクロール, それ, ツイート, プラグイン, ページ, ポイント, ループ, 下記, 事, 作り方, 使用, 先日, 利用, 可能, 台風, 変換, 対応, 専用, 巷, 方法, 最下, 模様, 次頁, 無限, 秋, 自, 自作, 自分, 訳, 運営, 部分, 重要,
オビ=ワン・ケノービを観るためにディズニープラスにって人どれぐらいいる?
2022.05.12
おはよう御座います。
今日のお題は「オビ=ワン・ケノービを観るためにディズニープラスにって人どれぐらいいる?」です。自分はこのためにディズニープラスのサブスクを購入するつもりでいたりします。まだ未加入ですが、5月27日の前日には申し込んでいると思います。
因みにPSのVRを装着して大画面(映画館のような雰囲気)で観ようと思っています。基本、スター・ウオーズシリーズは大画面で楽しむために作られたものだと思うので…。
それにしてもこの頃、Netflixやアマゾンプライムなどなどで独占配信が多いですよね、サブスクの沼に落ちそうです、サブスクでもオンデマンド(動画)関係は、観ないとお金だけ払っている状態になるので気をつけたほうが良いですね。一つ一つはお手頃な値段だけど合算するとアレっていう金額になるので困りものです。
契約する場合は年契約にするか、月額の場合は定期的にサブスクの見直しを自分で行う必要があると思います😌。くれぐれもチリツモにならないように・・・。
著者名 @taoka_toshiaki
※この記事は著者が40代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
27, 5, Netflix, PS, Vr, アマゾン, アレ, ウォーズ, オビ, オンデマンド, お金, ケノービ, サブ, シリーズ, スク, スター, ため, つもり, ディズニー, どれぐらい, プライム, プラス, もの, ワン, 一つ一つ, 人, 今日, 値段, 前日, 加入, 動画, 合算, 基本, 場合, 契約, 年契約, 映画館, 月額, 気, 沼, 状態, 独占, 画面, 自, 自分, 装着, 購入, 配信, 金額, 関係, 雰囲気, 頃, 題,
ユニクロの洋服でメンズ着こなしとか語っている人。その前に自分はやっぱ体型だ。
2020.01.22
ユニクロの洋服で男性用着こなしとか語っている人。MBさん、 いろいろなネット番組に顔が出演していて本も出版し、その本が100万部突破しているので認知度高めかなと思います。ユニクロでメンズの着こなしを教えているひとです。ちなみに自分は今、何を着てもデブ男になっているので似合わないです。
まずは体型をマイナス20キロぐらい落とさないと何一つ着こなせないかなと切実に感じています。このままだと健康的な弊害も出てくるかなと思っているので毎日、ウオーキングはしているのですが全然全く落ちません。ついた脂肪を恨んでます。そんなデブ男にも似合う服装を教えてほしいですね。
服装自由な職場は徐々に増えていってますよね、高知県でも背広ではなく服装自由が多くなっていると思います。とくにエンジニア職やWEBエンジニア、あとデスクワーク内勤の方などはカジュアルな服装だと思います。そんな職場の方でファションに自信がないないと思っている方はおすすめなユーチューバーです。
YOUTUBEチャンネル登録はこちらになります。
MBチャンネル
https://www.youtube.com/channel/UCagAVZFPcLh9UMDidIUfXKQ
著者名 @taoka_toshiaki
※この記事は著者が40代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
100, 20, mb, web, いろいろ, ウォーキング, エンジニア, カジュアル, このまま, デスク, デブ, ネット, ファション, マイナス, メンズ, ユニクロ, ワーク, 万, 人, 今, 体型, 何, 内勤, 出演, 出版, 前, 弊害, 方, 服装, 本, 毎日, 洋服, 男, 男性, 番組, 突破, 職場, 背広, 脂肪, 自, 自分, 自由, 認知, 顔, 高め, 高知県,